@patternfly/patternfly/components/Truncate/truncate.css

Assets, source, tooling, and content for PatternFly 4

.pf-v5-c-truncate {
  --pf-v5-c-truncate--MinWidth: 12ch;
  --pf-v5-c-truncate__start--MinWidth: 6ch;
  display: inline-grid;
  grid-auto-flow: column;
  align-items: baseline;
  min-width: var(--pf-v5-c-truncate--MinWidth);
}

.pf-v5-c-truncate__start,
.pf-v5-c-truncate__end {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-v5-c-truncate__start {
  min-width: var(--pf-v5-c-truncate__start--MinWidth);
}

.pf-v5-c-truncate__end {
  direction: rtl;
}
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
  direction: ltr;
}

.pf-v5-c-truncate__start + .pf-v5-c-truncate__end {
  overflow: visible;
  direction: ltr;
}
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__start + .pf-v5-c-truncate__end {
  direction: rtl;
}

@supports (-webkit-hyphens: none) {
  .pf-v5-c-truncate__end {
    direction: ltr;
  }
  :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
    direction: rtl;
  }
}