@patternfly/patternfly 4.166.1 → 4.166.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/components/LogViewer/log-viewer.css +14 -23
  2. package/components/LogViewer/log-viewer.scss +13 -10
  3. package/components/Truncate/truncate.css +14 -26
  4. package/components/Truncate/truncate.scss +13 -32
  5. package/docs/components/DescriptionList/examples/DescriptionList.md +9 -119
  6. package/docs/components/LogViewer/examples/LogViewer.md +1 -0
  7. package/docs/components/Table/examples/Table.md +25 -14
  8. package/docs/components/Toolbar/examples/Toolbar.md +0 -2
  9. package/docs/components/Truncate/examples/Truncate.css +9 -0
  10. package/docs/components/Truncate/examples/Truncate.md +16 -25
  11. package/docs/demos/CardView/examples/CardView.md +0 -1
  12. package/docs/demos/DataList/examples/DataList.md +0 -2
  13. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +0 -1
  14. package/docs/demos/Table/examples/Table.md +11 -23
  15. package/docs/demos/Tabs/examples/Tabs.md +0 -1
  16. package/docs/demos/Toolbar/examples/Toolbar.md +0 -1827
  17. package/package.json +1 -1
  18. package/patternfly-no-reset.css +29 -40
  19. package/patternfly.css +29 -40
  20. package/patternfly.min.css +1 -1
  21. package/patternfly.min.css.map +1 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "4.166.1",
4
+ "version": "4.166.5",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-reset.css CHANGED
@@ -1,6 +1,5 @@
1
1
  @charset "UTF-8";
2
- .pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-log-viewer__header,
3
- .pf-c-log-viewer__footer, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-info, .pf-c-alert, .pf-c-accordion, .pf-t-light {
2
+ .pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-info, .pf-c-alert, .pf-c-accordion, .pf-t-light {
4
3
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
5
4
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
6
5
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
@@ -10,7 +9,7 @@
10
9
  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
11
10
  }
12
11
 
13
- .pf-c-wizard__header, .pf-c-page__main-section[class*=pf-m-dark-], .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector, .pf-c-page__header, .pf-c-masthead, .pf-c-login__footer, .pf-c-login__header, .pf-c-log-viewer.pf-m-dark, .pf-c-banner, .pf-c-about-modal-box, .pf-t-dark {
12
+ .pf-c-wizard__header, .pf-c-page__main-section[class*=pf-m-dark-], .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector, .pf-c-page__header, .pf-c-masthead, .pf-c-login__footer, .pf-c-login__header, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, .pf-c-banner, .pf-c-about-modal-box, .pf-t-dark {
14
13
  --pf-global--Color--100: var(--pf-global--Color--light-100);
15
14
  --pf-global--Color--200: var(--pf-global--Color--light-200);
16
15
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
@@ -19,10 +18,10 @@
19
18
  --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
20
19
  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
21
20
  }
22
- .pf-c-wizard__header .pf-c-card, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card, .pf-c-page__header .pf-c-card, .pf-c-masthead .pf-c-card, .pf-c-login__footer .pf-c-card, .pf-c-login__header .pf-c-card, .pf-c-log-viewer.pf-m-dark .pf-c-card, .pf-c-banner .pf-c-card, .pf-c-about-modal-box .pf-c-card, .pf-t-dark .pf-c-card {
21
+ .pf-c-wizard__header .pf-c-card, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card, .pf-c-page__header .pf-c-card, .pf-c-masthead .pf-c-card, .pf-c-login__footer .pf-c-card, .pf-c-login__header .pf-c-card, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-card, .pf-c-banner .pf-c-card, .pf-c-about-modal-box .pf-c-card, .pf-t-dark .pf-c-card {
23
22
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
24
23
  }
25
- .pf-c-wizard__header .pf-c-button, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button, .pf-c-page__header .pf-c-button, .pf-c-masthead .pf-c-button, .pf-c-login__footer .pf-c-button, .pf-c-login__header .pf-c-button, .pf-c-log-viewer.pf-m-dark .pf-c-button, .pf-c-banner .pf-c-button, .pf-c-about-modal-box .pf-c-button, .pf-t-dark .pf-c-button {
24
+ .pf-c-wizard__header .pf-c-button, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button, .pf-c-page__header .pf-c-button, .pf-c-masthead .pf-c-button, .pf-c-login__footer .pf-c-button, .pf-c-login__header .pf-c-button, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, .pf-c-banner .pf-c-button, .pf-c-about-modal-box .pf-c-button, .pf-t-dark .pf-c-button {
26
25
  --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
27
26
  --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
28
27
  --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
@@ -15047,8 +15046,8 @@ ul.pf-c-list {
15047
15046
  --pf-c-log-viewer__scroll-container--Height: 37.5rem;
15048
15047
  --pf-c-log-viewer__scroll-container--PaddingTop: var(--pf-global--spacer--sm);
15049
15048
  --pf-c-log-viewer__scroll-container--PaddingBottom: var(--pf-global--spacer--sm);
15050
- --pf-c-log-viewer--m-line-numbers__main--before--Top: var(--pf-global--spacer--sm);
15051
- --pf-c-log-viewer--m-line-numbers__main--before--Bottom: var(--pf-global--spacer--sm);
15049
+ --pf-c-log-viewer--m-line-numbers__main--before--Top: 0;
15050
+ --pf-c-log-viewer--m-line-numbers__main--before--Bottom: 0;
15052
15051
  --pf-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-global--BorderWidth--sm);
15053
15052
  --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
15054
15053
  --pf-c-log-viewer__list--Height: auto;
@@ -15060,7 +15059,7 @@ ul.pf-c-list {
15060
15059
  --pf-c-log-viewer__index--FontFamily: var(--pf-global--FontFamily--monospace);
15061
15060
  --pf-c-log-viewer__index--FontSize: var(--pf-global--FontSize--sm);
15062
15061
  --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
15063
- --pf-c-log-viewer__index--BackgroundColor: var(--pf-global--BackgroundColor--100);
15062
+ --pf-c-log-viewer__index--BackgroundColor: transparent;
15064
15063
  --pf-c-log-viewer__text--PaddingRight: var(--pf-global--spacer--md);
15065
15064
  --pf-c-log-viewer__text--PaddingLeft: var(--pf-global--spacer--md);
15066
15065
  --pf-c-log-viewer__text--FontFamily: var(--pf-global--FontFamily--monospace);
@@ -15088,9 +15087,16 @@ ul.pf-c-list {
15088
15087
  max-height: var(--pf-c-log-viewer--MaxHeight);
15089
15088
  }
15090
15089
  .pf-c-log-viewer.pf-m-dark {
15091
- color: var(--pf-global--Color--100);
15092
15090
  --pf-c-log-viewer__main--BorderWidth: var(--pf-c-log-viewer--m-dark__main--BorderWidth);
15093
15091
  }
15092
+ .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
15093
+ color: var(--pf-global--Color--100);
15094
+ --pf-c-log-viewer__main--BackgroundColor: var(--pf-global--BackgroundColor--100);
15095
+ --pf-c-log-viewer__main--BorderColor: var(--pf-global--BorderColor--100);
15096
+ --pf-c-log-viewer__text--Color: var(--pf-global--Color--100);
15097
+ --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
15098
+ --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
15099
+ }
15094
15100
  .pf-c-log-viewer.pf-m-wrap-text {
15095
15101
  word-break: break-all;
15096
15102
  }
@@ -15133,11 +15139,6 @@ ul.pf-c-list {
15133
15139
  margin-bottom: var(--pf-c-log-viewer__header--MarginBottom);
15134
15140
  }
15135
15141
 
15136
- .pf-c-log-viewer__header,
15137
- .pf-c-log-viewer__footer {
15138
- color: var(--pf-global--Color--100);
15139
- }
15140
-
15141
15142
  .pf-c-log-viewer__main {
15142
15143
  display: flex;
15143
15144
  flex-direction: column;
@@ -27134,47 +27135,35 @@ svg.pf-c-spinner.pf-m-xl {
27134
27135
  }
27135
27136
 
27136
27137
  .pf-c-truncate {
27137
- --pf-c-truncate--FontSize: 1rem;
27138
- display: inline-flex;
27139
- flex-wrap: nowrap;
27140
- max-width: 100%;
27138
+ --pf-c-truncate--MinWidth: 12ch;
27139
+ --pf-c-truncate__start--MinWidth: 6ch;
27140
+ display: inline-grid;
27141
+ grid-auto-flow: column;
27142
+ align-items: baseline;
27143
+ min-width: var(--pf-c-truncate--MinWidth);
27141
27144
  }
27142
27145
 
27143
27146
  .pf-c-truncate__start,
27144
27147
  .pf-c-truncate__end {
27145
- flex-shrink: 1;
27146
27148
  overflow: hidden;
27147
27149
  text-overflow: ellipsis;
27148
27150
  white-space: nowrap;
27149
27151
  }
27150
27152
 
27153
+ .pf-c-truncate__start {
27154
+ min-width: var(--pf-c-truncate__start--MinWidth);
27155
+ }
27156
+
27151
27157
  .pf-c-truncate__end {
27152
27158
  direction: rtl;
27153
- text-align: left;
27154
27159
  }
27155
27160
 
27156
- @supports (text-overflow: "") {
27157
- .pf-c-truncate__start + .pf-c-truncate__end {
27158
- text-overflow: "";
27159
- }
27160
- }
27161
- @supports not (text-overflow: "") {
27162
- .pf-c-truncate__start + .pf-c-truncate__end {
27163
- font-size: 0;
27164
- }
27165
- .pf-c-truncate__start + .pf-c-truncate__end .pf-c-truncate__text {
27166
- font-size: var(--pf-c-truncate--FontSize);
27167
- }
27161
+ .pf-c-truncate__start + .pf-c-truncate__end {
27162
+ overflow: visible;
27163
+ direction: ltr;
27168
27164
  }
27169
- @supports (-webkit-hyphens: none) {
27170
- .pf-c-truncate {
27171
- display: inline-block;
27172
- max-width: 100%;
27173
- overflow: hidden;
27174
- text-overflow: ellipsis;
27175
- white-space: nowrap;
27176
- }
27177
27165
 
27166
+ @supports (-webkit-hyphens: none) {
27178
27167
  .pf-c-truncate__end {
27179
27168
  direction: ltr;
27180
27169
  }
package/patternfly.css CHANGED
@@ -1,6 +1,5 @@
1
1
  @charset "UTF-8";
2
- .pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-log-viewer__header,
3
- .pf-c-log-viewer__footer, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-info, .pf-c-alert, .pf-c-accordion, .pf-t-light {
2
+ .pf-c-table, .pf-c-select, .pf-c-page__sidebar.pf-m-light, .pf-c-menu, .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light, .pf-c-input-group, .pf-c-form-control, .pf-c-data-list, .pf-c-context-selector__menu, .pf-c-chip-group, .pf-c-chip, .pf-c-calendar-month, .pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-info, .pf-c-alert, .pf-c-accordion, .pf-t-light {
4
3
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
5
4
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
6
5
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
@@ -10,7 +9,7 @@
10
9
  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
11
10
  }
12
11
 
13
- .pf-c-wizard__header, .pf-c-page__main-section[class*=pf-m-dark-], .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector, .pf-c-page__header, .pf-c-masthead, .pf-c-login__footer, .pf-c-login__header, .pf-c-log-viewer.pf-m-dark, .pf-c-banner, .pf-c-about-modal-box, .pf-t-dark {
12
+ .pf-c-wizard__header, .pf-c-page__main-section[class*=pf-m-dark-], .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector, .pf-c-page__header, .pf-c-masthead, .pf-c-login__footer, .pf-c-login__header, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, .pf-c-banner, .pf-c-about-modal-box, .pf-t-dark {
14
13
  --pf-global--Color--100: var(--pf-global--Color--light-100);
15
14
  --pf-global--Color--200: var(--pf-global--Color--light-200);
16
15
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
@@ -19,10 +18,10 @@
19
18
  --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
20
19
  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
21
20
  }
22
- .pf-c-wizard__header .pf-c-card, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card, .pf-c-page__header .pf-c-card, .pf-c-masthead .pf-c-card, .pf-c-login__footer .pf-c-card, .pf-c-login__header .pf-c-card, .pf-c-log-viewer.pf-m-dark .pf-c-card, .pf-c-banner .pf-c-card, .pf-c-about-modal-box .pf-c-card, .pf-t-dark .pf-c-card {
21
+ .pf-c-wizard__header .pf-c-card, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card, .pf-c-page__header .pf-c-card, .pf-c-masthead .pf-c-card, .pf-c-login__footer .pf-c-card, .pf-c-login__header .pf-c-card, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-card, .pf-c-banner .pf-c-card, .pf-c-about-modal-box .pf-c-card, .pf-t-dark .pf-c-card {
23
22
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
24
23
  }
25
- .pf-c-wizard__header .pf-c-button, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button, .pf-c-page__header .pf-c-button, .pf-c-masthead .pf-c-button, .pf-c-login__footer .pf-c-button, .pf-c-login__header .pf-c-button, .pf-c-log-viewer.pf-m-dark .pf-c-button, .pf-c-banner .pf-c-button, .pf-c-about-modal-box .pf-c-button, .pf-t-dark .pf-c-button {
24
+ .pf-c-wizard__header .pf-c-button, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button, .pf-c-page__header .pf-c-button, .pf-c-masthead .pf-c-button, .pf-c-login__footer .pf-c-button, .pf-c-login__header .pf-c-button, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, .pf-c-banner .pf-c-button, .pf-c-about-modal-box .pf-c-button, .pf-t-dark .pf-c-button {
26
25
  --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
27
26
  --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
28
27
  --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
@@ -15169,8 +15168,8 @@ ul.pf-c-list {
15169
15168
  --pf-c-log-viewer__scroll-container--Height: 37.5rem;
15170
15169
  --pf-c-log-viewer__scroll-container--PaddingTop: var(--pf-global--spacer--sm);
15171
15170
  --pf-c-log-viewer__scroll-container--PaddingBottom: var(--pf-global--spacer--sm);
15172
- --pf-c-log-viewer--m-line-numbers__main--before--Top: var(--pf-global--spacer--sm);
15173
- --pf-c-log-viewer--m-line-numbers__main--before--Bottom: var(--pf-global--spacer--sm);
15171
+ --pf-c-log-viewer--m-line-numbers__main--before--Top: 0;
15172
+ --pf-c-log-viewer--m-line-numbers__main--before--Bottom: 0;
15174
15173
  --pf-c-log-viewer--m-line-numbers__main--before--Width: var(--pf-global--BorderWidth--sm);
15175
15174
  --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
15176
15175
  --pf-c-log-viewer__list--Height: auto;
@@ -15182,7 +15181,7 @@ ul.pf-c-list {
15182
15181
  --pf-c-log-viewer__index--FontFamily: var(--pf-global--FontFamily--monospace);
15183
15182
  --pf-c-log-viewer__index--FontSize: var(--pf-global--FontSize--sm);
15184
15183
  --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
15185
- --pf-c-log-viewer__index--BackgroundColor: var(--pf-global--BackgroundColor--100);
15184
+ --pf-c-log-viewer__index--BackgroundColor: transparent;
15186
15185
  --pf-c-log-viewer__text--PaddingRight: var(--pf-global--spacer--md);
15187
15186
  --pf-c-log-viewer__text--PaddingLeft: var(--pf-global--spacer--md);
15188
15187
  --pf-c-log-viewer__text--FontFamily: var(--pf-global--FontFamily--monospace);
@@ -15210,9 +15209,16 @@ ul.pf-c-list {
15210
15209
  max-height: var(--pf-c-log-viewer--MaxHeight);
15211
15210
  }
15212
15211
  .pf-c-log-viewer.pf-m-dark {
15213
- color: var(--pf-global--Color--100);
15214
15212
  --pf-c-log-viewer__main--BorderWidth: var(--pf-c-log-viewer--m-dark__main--BorderWidth);
15215
15213
  }
15214
+ .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
15215
+ color: var(--pf-global--Color--100);
15216
+ --pf-c-log-viewer__main--BackgroundColor: var(--pf-global--BackgroundColor--100);
15217
+ --pf-c-log-viewer__main--BorderColor: var(--pf-global--BorderColor--100);
15218
+ --pf-c-log-viewer__text--Color: var(--pf-global--Color--100);
15219
+ --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
15220
+ --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
15221
+ }
15216
15222
  .pf-c-log-viewer.pf-m-wrap-text {
15217
15223
  word-break: break-all;
15218
15224
  }
@@ -15255,11 +15261,6 @@ ul.pf-c-list {
15255
15261
  margin-bottom: var(--pf-c-log-viewer__header--MarginBottom);
15256
15262
  }
15257
15263
 
15258
- .pf-c-log-viewer__header,
15259
- .pf-c-log-viewer__footer {
15260
- color: var(--pf-global--Color--100);
15261
- }
15262
-
15263
15264
  .pf-c-log-viewer__main {
15264
15265
  display: flex;
15265
15266
  flex-direction: column;
@@ -27256,47 +27257,35 @@ svg.pf-c-spinner.pf-m-xl {
27256
27257
  }
27257
27258
 
27258
27259
  .pf-c-truncate {
27259
- --pf-c-truncate--FontSize: 1rem;
27260
- display: inline-flex;
27261
- flex-wrap: nowrap;
27262
- max-width: 100%;
27260
+ --pf-c-truncate--MinWidth: 12ch;
27261
+ --pf-c-truncate__start--MinWidth: 6ch;
27262
+ display: inline-grid;
27263
+ grid-auto-flow: column;
27264
+ align-items: baseline;
27265
+ min-width: var(--pf-c-truncate--MinWidth);
27263
27266
  }
27264
27267
 
27265
27268
  .pf-c-truncate__start,
27266
27269
  .pf-c-truncate__end {
27267
- flex-shrink: 1;
27268
27270
  overflow: hidden;
27269
27271
  text-overflow: ellipsis;
27270
27272
  white-space: nowrap;
27271
27273
  }
27272
27274
 
27275
+ .pf-c-truncate__start {
27276
+ min-width: var(--pf-c-truncate__start--MinWidth);
27277
+ }
27278
+
27273
27279
  .pf-c-truncate__end {
27274
27280
  direction: rtl;
27275
- text-align: left;
27276
27281
  }
27277
27282
 
27278
- @supports (text-overflow: "") {
27279
- .pf-c-truncate__start + .pf-c-truncate__end {
27280
- text-overflow: "";
27281
- }
27282
- }
27283
- @supports not (text-overflow: "") {
27284
- .pf-c-truncate__start + .pf-c-truncate__end {
27285
- font-size: 0;
27286
- }
27287
- .pf-c-truncate__start + .pf-c-truncate__end .pf-c-truncate__text {
27288
- font-size: var(--pf-c-truncate--FontSize);
27289
- }
27283
+ .pf-c-truncate__start + .pf-c-truncate__end {
27284
+ overflow: visible;
27285
+ direction: ltr;
27290
27286
  }
27291
- @supports (-webkit-hyphens: none) {
27292
- .pf-c-truncate {
27293
- display: inline-block;
27294
- max-width: 100%;
27295
- overflow: hidden;
27296
- text-overflow: ellipsis;
27297
- white-space: nowrap;
27298
- }
27299
27287
 
27288
+ @supports (-webkit-hyphens: none) {
27300
27289
  .pf-c-truncate__end {
27301
27290
  direction: ltr;
27302
27291
  }