Contents

/* Truncate */

.Truncate {
  display: inline-flex;
  min-width: 0;
  max-width: 100%;

  & > .Truncate-text {
    min-width: 1ch;
    max-width: fit-content;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    & + .Truncate-text {
      margin-left: var(--primer-control-small-gap, 4px);
    }

    &.Truncate-text--primary {
      flex-basis: 200%;
    }

    &.Truncate-text--expandable:hover,
    &.Truncate-text--expandable:focus,
    &.Truncate-text--expandable:active {
      max-width: 100% !important;
      flex-shrink: 0;
      cursor: pointer;
    }
  }
}

Version data entries

21 entries across 21 versions & 1 rubygems

Version	Path
primer_view_components-0.0.110	app/components/primer/beta/truncate.pcss