@patternfly/react-core 4.229.0 → 4.231.0
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/CHANGELOG.md +30 -0
- package/dist/esm/components/ContextSelector/ContextSelector.d.ts +4 -2
- package/dist/esm/components/ContextSelector/ContextSelector.d.ts.map +1 -1
- package/dist/esm/components/ContextSelector/ContextSelector.js.map +1 -1
- package/dist/esm/components/ContextSelector/ContextSelectorToggle.d.ts +4 -2
- package/dist/esm/components/ContextSelector/ContextSelectorToggle.d.ts.map +1 -1
- package/dist/esm/components/ContextSelector/ContextSelectorToggle.js.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.d.ts +8 -0
- package/dist/esm/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.js +12 -7
- package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggleAction.d.ts +19 -0
- package/dist/esm/components/MenuToggle/MenuToggleAction.d.ts.map +1 -0
- package/dist/esm/components/MenuToggle/MenuToggleAction.js +17 -0
- package/dist/esm/components/MenuToggle/MenuToggleAction.js.map +1 -0
- package/dist/esm/components/MenuToggle/MenuToggleCheckbox.d.ts +36 -0
- package/dist/esm/components/MenuToggle/MenuToggleCheckbox.d.ts.map +1 -0
- package/dist/esm/components/MenuToggle/MenuToggleCheckbox.js +43 -0
- package/dist/esm/components/MenuToggle/MenuToggleCheckbox.js.map +1 -0
- package/dist/esm/components/MenuToggle/index.d.ts +2 -0
- package/dist/esm/components/MenuToggle/index.d.ts.map +1 -1
- package/dist/esm/components/MenuToggle/index.js +2 -0
- package/dist/esm/components/MenuToggle/index.js.map +1 -1
- package/dist/esm/components/Page/Page.d.ts +13 -0
- package/dist/esm/components/Page/Page.d.ts.map +1 -1
- package/dist/esm/components/Page/Page.js +18 -19
- package/dist/esm/components/Page/Page.js.map +1 -1
- package/dist/esm/components/Page/PageBreadcrumb.d.ts +11 -2
- package/dist/esm/components/Page/PageBreadcrumb.d.ts.map +1 -1
- package/dist/esm/components/Page/PageBreadcrumb.js +5 -2
- package/dist/esm/components/Page/PageBreadcrumb.js.map +1 -1
- package/dist/esm/components/Page/PageGroup.d.ts +11 -2
- package/dist/esm/components/Page/PageGroup.d.ts.map +1 -1
- package/dist/esm/components/Page/PageGroup.js +5 -2
- package/dist/esm/components/Page/PageGroup.js.map +1 -1
- package/dist/esm/components/Page/PageNavigation.d.ts +11 -2
- package/dist/esm/components/Page/PageNavigation.d.ts.map +1 -1
- package/dist/esm/components/Page/PageNavigation.js +5 -2
- package/dist/esm/components/Page/PageNavigation.js.map +1 -1
- package/dist/esm/components/Page/PageSection.d.ts +10 -1
- package/dist/esm/components/Page/PageSection.d.ts.map +1 -1
- package/dist/esm/components/Page/PageSection.js +4 -2
- package/dist/esm/components/Page/PageSection.js.map +1 -1
- package/dist/esm/helpers/constants.d.ts +14 -0
- package/dist/esm/helpers/constants.d.ts.map +1 -1
- package/dist/esm/helpers/constants.js +24 -0
- package/dist/esm/helpers/constants.js.map +1 -1
- package/dist/esm/helpers/util.d.ts +8 -1
- package/dist/esm/helpers/util.d.ts.map +1 -1
- package/dist/esm/helpers/util.js +36 -9
- package/dist/esm/helpers/util.js.map +1 -1
- package/dist/js/components/ContextSelector/ContextSelector.d.ts +4 -2
- package/dist/js/components/ContextSelector/ContextSelector.d.ts.map +1 -1
- package/dist/js/components/ContextSelector/ContextSelector.js.map +1 -1
- package/dist/js/components/ContextSelector/ContextSelectorToggle.d.ts +4 -2
- package/dist/js/components/ContextSelector/ContextSelectorToggle.d.ts.map +1 -1
- package/dist/js/components/ContextSelector/ContextSelectorToggle.js.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.d.ts +8 -0
- package/dist/js/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.js +12 -7
- package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggleAction.d.ts +19 -0
- package/dist/js/components/MenuToggle/MenuToggleAction.d.ts.map +1 -0
- package/dist/js/components/MenuToggle/MenuToggleAction.js +21 -0
- package/dist/js/components/MenuToggle/MenuToggleAction.js.map +1 -0
- package/dist/js/components/MenuToggle/MenuToggleCheckbox.d.ts +36 -0
- package/dist/js/components/MenuToggle/MenuToggleCheckbox.d.ts.map +1 -0
- package/dist/js/components/MenuToggle/MenuToggleCheckbox.js +47 -0
- package/dist/js/components/MenuToggle/MenuToggleCheckbox.js.map +1 -0
- package/dist/js/components/MenuToggle/index.d.ts +2 -0
- package/dist/js/components/MenuToggle/index.d.ts.map +1 -1
- package/dist/js/components/MenuToggle/index.js +2 -0
- package/dist/js/components/MenuToggle/index.js.map +1 -1
- package/dist/js/components/Page/Page.d.ts +13 -0
- package/dist/js/components/Page/Page.d.ts.map +1 -1
- package/dist/js/components/Page/Page.js +17 -18
- package/dist/js/components/Page/Page.js.map +1 -1
- package/dist/js/components/Page/PageBreadcrumb.d.ts +11 -2
- package/dist/js/components/Page/PageBreadcrumb.d.ts.map +1 -1
- package/dist/js/components/Page/PageBreadcrumb.js +5 -2
- package/dist/js/components/Page/PageBreadcrumb.js.map +1 -1
- package/dist/js/components/Page/PageGroup.d.ts +11 -2
- package/dist/js/components/Page/PageGroup.d.ts.map +1 -1
- package/dist/js/components/Page/PageGroup.js +5 -2
- package/dist/js/components/Page/PageGroup.js.map +1 -1
- package/dist/js/components/Page/PageNavigation.d.ts +11 -2
- package/dist/js/components/Page/PageNavigation.d.ts.map +1 -1
- package/dist/js/components/Page/PageNavigation.js +5 -2
- package/dist/js/components/Page/PageNavigation.js.map +1 -1
- package/dist/js/components/Page/PageSection.d.ts +10 -1
- package/dist/js/components/Page/PageSection.d.ts.map +1 -1
- package/dist/js/components/Page/PageSection.js +4 -2
- package/dist/js/components/Page/PageSection.js.map +1 -1
- package/dist/js/helpers/constants.d.ts +14 -0
- package/dist/js/helpers/constants.d.ts.map +1 -1
- package/dist/js/helpers/constants.js +26 -1
- package/dist/js/helpers/constants.js.map +1 -1
- package/dist/js/helpers/util.d.ts +8 -1
- package/dist/js/helpers/util.d.ts.map +1 -1
- package/dist/js/helpers/util.js +37 -9
- package/dist/js/helpers/util.js.map +1 -1
- package/dist/umd/react-core.css +60 -10
- package/dist/umd/react-core.js +220 -72
- package/dist/umd/react-core.min.css +124 -74
- package/dist/umd/react-core.min.js +6 -5
- package/package.json +6 -6
- package/src/components/ContextSelector/ContextSelector.tsx +4 -2
- package/src/components/ContextSelector/ContextSelectorToggle.tsx +4 -2
- package/src/components/MenuToggle/MenuToggle.tsx +53 -27
- package/src/components/MenuToggle/MenuToggleAction.tsx +42 -0
- package/src/components/MenuToggle/MenuToggleCheckbox.tsx +104 -0
- package/src/components/MenuToggle/__tests__/__snapshots__/MenuToggle.test.tsx.snap +1 -1
- package/src/components/MenuToggle/examples/MenuToggle.md +35 -2
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonAction.tsx +51 -0
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonActionPrimary.tsx +58 -0
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonActionSecondary.tsx +58 -0
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckbox.tsx +40 -0
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxPrimary.tsx +55 -0
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxSecondary.tsx +55 -0
- package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxWithText.tsx +52 -0
- package/src/components/MenuToggle/index.ts +2 -0
- package/src/components/Page/Page.tsx +58 -21
- package/src/components/Page/PageBreadcrumb.tsx +37 -20
- package/src/components/Page/PageGroup.tsx +35 -19
- package/src/components/Page/PageNavigation.tsx +37 -20
- package/src/components/Page/PageSection.tsx +41 -25
- package/src/components/Page/__tests__/Page.test.tsx +126 -2
- package/src/components/Page/__tests__/__snapshots__/Page.test.tsx.snap +683 -14
- package/src/demos/Page/Page.md +356 -3
- package/src/helpers/constants.ts +28 -0
- package/src/helpers/util.ts +44 -9
|
@@ -1843,70 +1843,6 @@ textarea.pf-c-form-control {
|
|
|
1843
1843
|
color: var(--pf-global--palette--black-900);
|
|
1844
1844
|
}
|
|
1845
1845
|
|
|
1846
|
-
.pf-c-brand {
|
|
1847
|
-
--pf-c-brand--Width: auto;
|
|
1848
|
-
--pf-c-brand--Height: auto;
|
|
1849
|
-
width: var(--pf-c-brand--Width--base);
|
|
1850
|
-
height: var(--pf-c-brand--Height--base);
|
|
1851
|
-
--pf-c-brand--Width--base: var(--pf-c-brand--Width);
|
|
1852
|
-
--pf-c-brand--Height--base: var(--pf-c-brand--Height);
|
|
1853
|
-
}
|
|
1854
|
-
|
|
1855
|
-
@media (min-width: 576px) {
|
|
1856
|
-
.pf-c-brand {
|
|
1857
|
-
--pf-c-brand--Width--base: var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width));
|
|
1858
|
-
}
|
|
1859
|
-
}
|
|
1860
|
-
@media (min-width: 768px) {
|
|
1861
|
-
.pf-c-brand {
|
|
1862
|
-
--pf-c-brand--Width--base: var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width)));
|
|
1863
|
-
}
|
|
1864
|
-
}
|
|
1865
|
-
@media (min-width: 992px) {
|
|
1866
|
-
.pf-c-brand {
|
|
1867
|
-
--pf-c-brand--Width--base: var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width))));
|
|
1868
|
-
}
|
|
1869
|
-
}
|
|
1870
|
-
@media (min-width: 1200px) {
|
|
1871
|
-
.pf-c-brand {
|
|
1872
|
-
--pf-c-brand--Width--base: var(--pf-c-brand--Width-on-xl, var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width)))));
|
|
1873
|
-
}
|
|
1874
|
-
}
|
|
1875
|
-
@media (min-width: 1450px) {
|
|
1876
|
-
.pf-c-brand {
|
|
1877
|
-
--pf-c-brand--Width--base: var(--pf-c-brand--Width-on-2xl, var(--pf-c-brand--Width-on-xl, var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width))))));
|
|
1878
|
-
}
|
|
1879
|
-
}
|
|
1880
|
-
@media (min-width: 576px) {
|
|
1881
|
-
.pf-c-brand {
|
|
1882
|
-
--pf-c-brand--Height--base: var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height));
|
|
1883
|
-
}
|
|
1884
|
-
}
|
|
1885
|
-
@media (min-width: 768px) {
|
|
1886
|
-
.pf-c-brand {
|
|
1887
|
-
--pf-c-brand--Height--base: var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height)));
|
|
1888
|
-
}
|
|
1889
|
-
}
|
|
1890
|
-
@media (min-width: 992px) {
|
|
1891
|
-
.pf-c-brand {
|
|
1892
|
-
--pf-c-brand--Height--base: var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height))));
|
|
1893
|
-
}
|
|
1894
|
-
}
|
|
1895
|
-
@media (min-width: 1200px) {
|
|
1896
|
-
.pf-c-brand {
|
|
1897
|
-
--pf-c-brand--Height--base: var(--pf-c-brand--Height-on-xl, var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height)))));
|
|
1898
|
-
}
|
|
1899
|
-
}
|
|
1900
|
-
@media (min-width: 1450px) {
|
|
1901
|
-
.pf-c-brand {
|
|
1902
|
-
--pf-c-brand--Height--base: var(--pf-c-brand--Height-on-2xl, var(--pf-c-brand--Height-on-xl, var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height))))));
|
|
1903
|
-
}
|
|
1904
|
-
}
|
|
1905
|
-
.pf-c-brand.pf-m-picture {
|
|
1906
|
-
display: inline-flex;
|
|
1907
|
-
max-width: 100%;
|
|
1908
|
-
}
|
|
1909
|
-
|
|
1910
1846
|
.pf-c-breadcrumb {
|
|
1911
1847
|
--pf-c-breadcrumb__item--FontSize: var(--pf-global--FontSize--sm);
|
|
1912
1848
|
--pf-c-breadcrumb__item--LineHeight: var(--pf-global--LineHeight--sm);
|
|
@@ -2836,6 +2772,70 @@ button.pf-c-breadcrumb__link {
|
|
|
2836
2772
|
--pf-c-calendar-month__date--BackgroundColor: var(--pf-global--primary-color--300);
|
|
2837
2773
|
}
|
|
2838
2774
|
|
|
2775
|
+
.pf-c-brand {
|
|
2776
|
+
--pf-c-brand--Width: auto;
|
|
2777
|
+
--pf-c-brand--Height: auto;
|
|
2778
|
+
width: var(--pf-c-brand--Width--base);
|
|
2779
|
+
height: var(--pf-c-brand--Height--base);
|
|
2780
|
+
--pf-c-brand--Width--base: var(--pf-c-brand--Width);
|
|
2781
|
+
--pf-c-brand--Height--base: var(--pf-c-brand--Height);
|
|
2782
|
+
}
|
|
2783
|
+
|
|
2784
|
+
@media (min-width: 576px) {
|
|
2785
|
+
.pf-c-brand {
|
|
2786
|
+
--pf-c-brand--Width--base: var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width));
|
|
2787
|
+
}
|
|
2788
|
+
}
|
|
2789
|
+
@media (min-width: 768px) {
|
|
2790
|
+
.pf-c-brand {
|
|
2791
|
+
--pf-c-brand--Width--base: var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width)));
|
|
2792
|
+
}
|
|
2793
|
+
}
|
|
2794
|
+
@media (min-width: 992px) {
|
|
2795
|
+
.pf-c-brand {
|
|
2796
|
+
--pf-c-brand--Width--base: var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width))));
|
|
2797
|
+
}
|
|
2798
|
+
}
|
|
2799
|
+
@media (min-width: 1200px) {
|
|
2800
|
+
.pf-c-brand {
|
|
2801
|
+
--pf-c-brand--Width--base: var(--pf-c-brand--Width-on-xl, var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width)))));
|
|
2802
|
+
}
|
|
2803
|
+
}
|
|
2804
|
+
@media (min-width: 1450px) {
|
|
2805
|
+
.pf-c-brand {
|
|
2806
|
+
--pf-c-brand--Width--base: var(--pf-c-brand--Width-on-2xl, var(--pf-c-brand--Width-on-xl, var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width))))));
|
|
2807
|
+
}
|
|
2808
|
+
}
|
|
2809
|
+
@media (min-width: 576px) {
|
|
2810
|
+
.pf-c-brand {
|
|
2811
|
+
--pf-c-brand--Height--base: var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height));
|
|
2812
|
+
}
|
|
2813
|
+
}
|
|
2814
|
+
@media (min-width: 768px) {
|
|
2815
|
+
.pf-c-brand {
|
|
2816
|
+
--pf-c-brand--Height--base: var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height)));
|
|
2817
|
+
}
|
|
2818
|
+
}
|
|
2819
|
+
@media (min-width: 992px) {
|
|
2820
|
+
.pf-c-brand {
|
|
2821
|
+
--pf-c-brand--Height--base: var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height))));
|
|
2822
|
+
}
|
|
2823
|
+
}
|
|
2824
|
+
@media (min-width: 1200px) {
|
|
2825
|
+
.pf-c-brand {
|
|
2826
|
+
--pf-c-brand--Height--base: var(--pf-c-brand--Height-on-xl, var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height)))));
|
|
2827
|
+
}
|
|
2828
|
+
}
|
|
2829
|
+
@media (min-width: 1450px) {
|
|
2830
|
+
.pf-c-brand {
|
|
2831
|
+
--pf-c-brand--Height--base: var(--pf-c-brand--Height-on-2xl, var(--pf-c-brand--Height-on-xl, var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height))))));
|
|
2832
|
+
}
|
|
2833
|
+
}
|
|
2834
|
+
.pf-c-brand.pf-m-picture {
|
|
2835
|
+
display: inline-flex;
|
|
2836
|
+
max-width: 100%;
|
|
2837
|
+
}
|
|
2838
|
+
|
|
2839
2839
|
.pf-c-card {
|
|
2840
2840
|
--pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
2841
2841
|
--pf-c-card--BoxShadow: var(--pf-global--BoxShadow--sm);
|
|
@@ -13427,6 +13427,16 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
13427
13427
|
color: var(--pf-c-multiple-file-upload__status-item-progress-size--Color);
|
|
13428
13428
|
}
|
|
13429
13429
|
|
|
13430
|
+
.pf-l-bullseye {
|
|
13431
|
+
--pf-l-bullseye--Padding: 0;
|
|
13432
|
+
display: flex;
|
|
13433
|
+
align-items: center;
|
|
13434
|
+
justify-content: center;
|
|
13435
|
+
height: 100%;
|
|
13436
|
+
padding: var(--pf-l-bullseye--Padding);
|
|
13437
|
+
margin: 0;
|
|
13438
|
+
}
|
|
13439
|
+
|
|
13430
13440
|
.pf-c-nav {
|
|
13431
13441
|
--pf-c-nav--Transition: var(--pf-global--Transition);
|
|
13432
13442
|
--pf-c-nav--m-light__item--before--BorderColor: var(--pf-global--BorderColor--300);
|
|
@@ -14480,16 +14490,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
14480
14490
|
--pf-c-nav__item--item__link--after--Top: 0;
|
|
14481
14491
|
}
|
|
14482
14492
|
|
|
14483
|
-
.pf-l-bullseye {
|
|
14484
|
-
--pf-l-bullseye--Padding: 0;
|
|
14485
|
-
display: flex;
|
|
14486
|
-
align-items: center;
|
|
14487
|
-
justify-content: center;
|
|
14488
|
-
height: 100%;
|
|
14489
|
-
padding: var(--pf-l-bullseye--Padding);
|
|
14490
|
-
margin: 0;
|
|
14491
|
-
}
|
|
14492
|
-
|
|
14493
14493
|
.pf-c-notification-badge {
|
|
14494
14494
|
--pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
|
|
14495
14495
|
--pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
|
|
@@ -15998,6 +15998,31 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
15998
15998
|
padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
|
|
15999
15999
|
}
|
|
16000
16000
|
|
|
16001
|
+
@media (min-height: 0) {
|
|
16002
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-sm-height, .pf-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-c-page__main-nav:last-child {
|
|
16003
|
+
padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
|
|
16004
|
+
}
|
|
16005
|
+
}
|
|
16006
|
+
@media (min-height: 40rem) {
|
|
16007
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-md-height, .pf-c-page__main-group.pf-m-sticky-top-on-md-height .pf-c-page__main-nav:last-child {
|
|
16008
|
+
padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
|
|
16009
|
+
}
|
|
16010
|
+
}
|
|
16011
|
+
@media (min-height: 48rem) {
|
|
16012
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-lg-height, .pf-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-c-page__main-nav:last-child {
|
|
16013
|
+
padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
|
|
16014
|
+
}
|
|
16015
|
+
}
|
|
16016
|
+
@media (min-height: 60rem) {
|
|
16017
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-c-page__main-nav:last-child {
|
|
16018
|
+
padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
|
|
16019
|
+
}
|
|
16020
|
+
}
|
|
16021
|
+
@media (min-height: 80rem) {
|
|
16022
|
+
.pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-c-page__main-nav:last-child {
|
|
16023
|
+
padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
|
|
16024
|
+
}
|
|
16025
|
+
}
|
|
16001
16026
|
.pf-c-page__main-subnav {
|
|
16002
16027
|
background-color: var(--pf-c-page__main-subnav--BackgroundColor);
|
|
16003
16028
|
border-top: var(--pf-c-page__main-subnav--BorderTopWidth) solid var(--pf-c-page__main-subnav--BorderTopColor);
|
|
@@ -16026,6 +16051,31 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
16026
16051
|
--pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
|
|
16027
16052
|
}
|
|
16028
16053
|
|
|
16054
|
+
@media (min-height: 0) {
|
|
16055
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height, .pf-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-c-page__main-breadcrumb:last-child {
|
|
16056
|
+
--pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
|
|
16057
|
+
}
|
|
16058
|
+
}
|
|
16059
|
+
@media (min-height: 40rem) {
|
|
16060
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height, .pf-c-page__main-group.pf-m-sticky-top-on-md-height .pf-c-page__main-breadcrumb:last-child {
|
|
16061
|
+
--pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
|
|
16062
|
+
}
|
|
16063
|
+
}
|
|
16064
|
+
@media (min-height: 48rem) {
|
|
16065
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height, .pf-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-c-page__main-breadcrumb:last-child {
|
|
16066
|
+
--pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
|
|
16067
|
+
}
|
|
16068
|
+
}
|
|
16069
|
+
@media (min-height: 60rem) {
|
|
16070
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-c-page__main-breadcrumb:last-child {
|
|
16071
|
+
--pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
|
|
16072
|
+
}
|
|
16073
|
+
}
|
|
16074
|
+
@media (min-height: 80rem) {
|
|
16075
|
+
.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-c-page__main-breadcrumb:last-child {
|
|
16076
|
+
--pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
|
|
16077
|
+
}
|
|
16078
|
+
}
|
|
16029
16079
|
.pf-c-page__main-tabs {
|
|
16030
16080
|
padding: var(--pf-c-page__main-tabs--PaddingTop) var(--pf-c-page__main-tabs--PaddingRight) var(--pf-c-page__main-tabs--PaddingBottom) var(--pf-c-page__main-tabs--PaddingLeft);
|
|
16031
16081
|
background-color: var(--pf-c-page__main-tabs--BackgroundColor);
|