@gravity-ui/graph/build/stories/Playground/TextBlock/TextBlock.css

Modern graph editor component

.text-block-wrapper {
  border-radius: 8px;
  border-width: 2px;
  border-style: dashed;

  padding: 0 var(--g-spacing-3);

  display: flex;
  flex-direction: row;
  align-items: center;

  color: var(--g-color-line-warning);
  border-color: var(--g-color-line-warning);
  background-color: rgba(46, 31, 34, 1);
}

.text-block-wrapper .icon {
  flex-shrink: 0;
}

.text-block-text {
  flex-grow: 1;
  font-weight: 500;
  text-overflow: ellipsis;
}

.text-block-wrapper:hover {
  cursor: pointer;
  border-color: rgba(255, 190, 92, 1);
}

.text-block-wrapper.selected {
  color: rgba(255, 190, 92, 1);
  border-color: rgba(255, 190, 92, 1);
  border-style: solid;
}