@patternfly/patternfly 4.205.0 → 4.205.1
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.
package/components/Tabs/tabs.css
CHANGED
|
@@ -410,6 +410,10 @@
|
|
|
410
410
|
.pf-c-tabs.pf-m-page-insets {
|
|
411
411
|
--pf-c-tabs--inset: var(--pf-c-tabs--m-page-insets--inset);
|
|
412
412
|
}
|
|
413
|
+
.pf-c-tabs.pf-m-overflow,
|
|
414
|
+
.pf-c-tabs.pf-m-overflow .pf-c-tabs__list {
|
|
415
|
+
overflow: visible;
|
|
416
|
+
}
|
|
413
417
|
|
|
414
418
|
.pf-c-tabs__toggle {
|
|
415
419
|
display: var(--pf-c-tabs__toggle--Display);
|
|
@@ -177,7 +177,7 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
|
|
|
177
177
|
width: var(--pf-c-tabs--Width);
|
|
178
178
|
padding-right: var(--pf-c-tabs--inset);
|
|
179
179
|
padding-left: var(--pf-c-tabs--inset);
|
|
180
|
-
overflow: hidden; //
|
|
180
|
+
overflow: hidden; // needed for scroll button animation. limit to pf-m-scrollable in breaking change. may need new modifier so this is applied to a menu that supports scrolling, regardless of whether the scroll buttons are shown.
|
|
181
181
|
|
|
182
182
|
&::before {
|
|
183
183
|
position: absolute;
|
|
@@ -462,6 +462,13 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
|
|
|
462
462
|
&.pf-m-page-insets {
|
|
463
463
|
--pf-c-tabs--inset: var(--pf-c-tabs--m-page-insets--inset);
|
|
464
464
|
}
|
|
465
|
+
|
|
466
|
+
&.pf-m-overflow {
|
|
467
|
+
&,
|
|
468
|
+
.pf-c-tabs__list {
|
|
469
|
+
overflow: visible;
|
|
470
|
+
}
|
|
471
|
+
}
|
|
465
472
|
}
|
|
466
473
|
|
|
467
474
|
// Expandable toggle
|
|
@@ -196,7 +196,7 @@ cssPrefix: pf-c-tabs
|
|
|
196
196
|
### Horizontal overflow
|
|
197
197
|
|
|
198
198
|
```html isBeta
|
|
199
|
-
<div class="pf-c-tabs" id="horizontal-overflow-example">
|
|
199
|
+
<div class="pf-c-tabs pf-m-overflow" id="horizontal-overflow-example">
|
|
200
200
|
<ul class="pf-c-tabs__list">
|
|
201
201
|
<li class="pf-c-tabs__item">
|
|
202
202
|
<button
|
|
@@ -266,7 +266,7 @@ cssPrefix: pf-c-tabs
|
|
|
266
266
|
### Horizontal overflow expanded
|
|
267
267
|
|
|
268
268
|
```html isBeta
|
|
269
|
-
<div class="pf-c-tabs" id="horizontal-overflow-expanded-example">
|
|
269
|
+
<div class="pf-c-tabs pf-m-overflow" id="horizontal-overflow-expanded-example">
|
|
270
270
|
<ul class="pf-c-tabs__list">
|
|
271
271
|
<li class="pf-c-tabs__item">
|
|
272
272
|
<button
|
|
@@ -337,7 +337,7 @@ cssPrefix: pf-c-tabs
|
|
|
337
337
|
### Horizontal overflow selected
|
|
338
338
|
|
|
339
339
|
```html isBeta
|
|
340
|
-
<div class="pf-c-tabs" id="horizontal-overflow-selected-example">
|
|
340
|
+
<div class="pf-c-tabs pf-m-overflow" id="horizontal-overflow-selected-example">
|
|
341
341
|
<ul class="pf-c-tabs__list">
|
|
342
342
|
<li class="pf-c-tabs__item">
|
|
343
343
|
<button
|
package/package.json
CHANGED
package/patternfly-no-reset.css
CHANGED
|
@@ -29892,6 +29892,10 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29892
29892
|
.pf-c-tabs.pf-m-page-insets {
|
|
29893
29893
|
--pf-c-tabs--inset: var(--pf-c-tabs--m-page-insets--inset);
|
|
29894
29894
|
}
|
|
29895
|
+
.pf-c-tabs.pf-m-overflow,
|
|
29896
|
+
.pf-c-tabs.pf-m-overflow .pf-c-tabs__list {
|
|
29897
|
+
overflow: visible;
|
|
29898
|
+
}
|
|
29895
29899
|
|
|
29896
29900
|
.pf-c-tabs__toggle {
|
|
29897
29901
|
display: var(--pf-c-tabs__toggle--Display);
|
package/patternfly.css
CHANGED
|
@@ -30019,6 +30019,10 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
30019
30019
|
.pf-c-tabs.pf-m-page-insets {
|
|
30020
30020
|
--pf-c-tabs--inset: var(--pf-c-tabs--m-page-insets--inset);
|
|
30021
30021
|
}
|
|
30022
|
+
.pf-c-tabs.pf-m-overflow,
|
|
30023
|
+
.pf-c-tabs.pf-m-overflow .pf-c-tabs__list {
|
|
30024
|
+
overflow: visible;
|
|
30025
|
+
}
|
|
30022
30026
|
|
|
30023
30027
|
.pf-c-tabs__toggle {
|
|
30024
30028
|
display: var(--pf-c-tabs__toggle--Display);
|