@patternfly/patternfly 6.6.0-prerelease.3 → 6.6.0-prerelease.30
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/assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMonoVF.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatTextVF-Italic.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatTextVF.woff2 +0 -0
- package/assets/images/img_avatar-rhds.svg +22 -0
- package/assets/images/pf-logo-avatar.jpg +0 -0
- package/base/patternfly-fonts.css +4 -4
- package/base/patternfly-fonts.scss +4 -4
- package/base/patternfly-variables.css +8 -6
- package/base/tokens/tokens-charts-dark.scss +1 -1
- package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
- package/base/tokens/tokens-charts-highcontrast.scss +1 -1
- package/base/tokens/tokens-charts.scss +1 -1
- package/base/tokens/tokens-dark.scss +1 -1
- package/base/tokens/tokens-default.scss +4 -4
- package/base/tokens/tokens-felt-dark.scss +1 -1
- package/base/tokens/tokens-felt-glass-dark.scss +1 -1
- package/base/tokens/tokens-felt-glass.scss +3 -2
- package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
- package/base/tokens/tokens-felt-highcontrast.scss +1 -1
- package/base/tokens/tokens-felt.scss +1 -1
- package/base/tokens/tokens-glass-dark.scss +1 -1
- package/base/tokens/tokens-glass.scss +3 -2
- package/base/tokens/tokens-highcontrast-dark.scss +1 -1
- package/base/tokens/tokens-highcontrast.scss +4 -4
- package/base/tokens/tokens-palette.scss +1 -1
- package/base/tokens/tokens-redhat-highcontrast.scss +3 -3
- package/components/AboutModalBox/about-modal-box.css +1 -1
- package/components/AboutModalBox/about-modal-box.scss +1 -1
- package/components/Accordion/accordion.css +3 -3
- package/components/Accordion/accordion.scss +3 -3
- package/components/Alert/alert.css +8 -7
- package/components/Alert/alert.scss +8 -7
- package/components/Avatar/avatar.css +144 -0
- package/components/Avatar/avatar.scss +161 -0
- package/components/Banner/banner.css +7 -0
- package/components/Banner/banner.scss +7 -0
- package/components/Breadcrumb/breadcrumb.css +3 -3
- package/components/Breadcrumb/breadcrumb.scss +3 -3
- package/components/Button/button.css +20 -4
- package/components/Button/button.scss +24 -5
- package/components/Card/card.css +4 -4
- package/components/Card/card.scss +4 -4
- package/components/ClipboardCopy/clipboard-copy.css +1 -1
- package/components/ClipboardCopy/clipboard-copy.scss +1 -1
- package/components/DataList/data-list.css +5 -5
- package/components/DataList/data-list.scss +5 -5
- package/components/DragDrop/drag-drop.css +4 -0
- package/components/DragDrop/drag-drop.scss +4 -0
- package/components/DualListSelector/dual-list-selector.css +1 -1
- package/components/DualListSelector/dual-list-selector.scss +1 -1
- package/components/Form/form.scss +1 -0
- package/components/FormControl/form-control.css +12 -2
- package/components/FormControl/form-control.scss +14 -2
- package/components/Hint/hint.css +2 -2
- package/components/Hint/hint.scss +2 -2
- package/components/Label/label.css +9 -3
- package/components/Label/label.scss +9 -3
- package/components/Masthead/masthead.css +1 -1
- package/components/Masthead/masthead.scss +1 -1
- package/components/Menu/menu.css +2 -2
- package/components/Menu/menu.scss +3 -3
- package/components/MenuToggle/menu-toggle.css +3 -0
- package/components/MenuToggle/menu-toggle.scss +4 -1
- package/components/ModalBox/modal-box.css +4 -4
- package/components/ModalBox/modal-box.scss +5 -5
- package/components/Nav/nav.css +2 -2
- package/components/Nav/nav.scss +2 -2
- package/components/NotificationDrawer/notification-drawer.css +3 -3
- package/components/NotificationDrawer/notification-drawer.scss +3 -3
- package/components/Page/page.css +25 -22
- package/components/Page/page.scss +28 -28
- package/components/Pagination/pagination.css +12 -7
- package/components/Pagination/pagination.scss +15 -12
- package/components/Panel/panel.css +1 -1
- package/components/Panel/panel.scss +2 -2
- package/components/Popover/popover.css +1 -1
- package/components/Popover/popover.scss +1 -1
- package/components/Progress/progress.css +2 -2
- package/components/Progress/progress.scss +2 -2
- package/components/Sidebar/sidebar.css +4 -7
- package/components/Sidebar/sidebar.scss +9 -9
- package/components/Table/table-grid.css +25 -13
- package/components/Table/table-grid.scss +10 -5
- package/components/Table/table-tree-view.css +3 -0
- package/components/Table/table-tree-view.scss +2 -0
- package/components/Table/table.css +55 -21
- package/components/Table/table.scss +82 -34
- package/components/Tabs/tabs.css +19 -5
- package/components/Tabs/tabs.scss +22 -5
- package/components/Title/title.css +1 -1
- package/components/Title/title.scss +1 -1
- package/components/Tooltip/tooltip.css +1 -1
- package/components/Tooltip/tooltip.scss +1 -1
- package/components/TreeView/tree-view.css +7 -7
- package/components/TreeView/tree-view.scss +7 -7
- package/components/Wizard/wizard.css +4 -4
- package/components/Wizard/wizard.scss +4 -4
- package/components/_index.css +399 -140
- package/docs/components/Avatar/examples/Avatar.css +6 -0
- package/docs/components/Avatar/examples/Avatar.md +414 -40
- package/docs/components/Button/examples/Button.md +2 -2
- package/docs/components/CodeEditor/examples/CodeEditor.md +131 -47
- package/docs/components/DataList/examples/DataList.md +143 -11
- package/docs/components/DatePicker/examples/DatePicker.md +26 -2
- package/docs/components/DescriptionList/examples/DescriptionList.md +115 -55
- package/docs/components/Drawer/examples/Drawer.md +1 -1
- package/docs/components/DualListSelector/examples/DualListSelector.md +355 -139
- package/docs/components/EmptyState/examples/EmptyState.md +12 -12
- package/docs/components/FileUpload/examples/FileUpload.md +26 -2
- package/docs/components/Form/examples/Form.md +140 -16
- package/docs/components/FormControl/examples/FormControl.md +260 -20
- package/docs/components/HelperText/examples/HelperText.md +139 -11
- package/docs/components/Icon/examples/Icon.md +403 -31
- package/docs/components/InlineEdit/examples/InlineEdit.md +13 -1
- package/docs/components/InputGroup/examples/InputGroup.md +20 -8
- package/docs/components/Label/examples/Label.md +4029 -765
- package/docs/components/List/examples/List.md +78 -6
- package/docs/components/Login/examples/Login.md +104 -8
- package/docs/components/Menu/examples/Menu.md +221 -17
- package/docs/components/MenuToggle/examples/MenuToggle.md +54 -15
- package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +247 -19
- package/docs/components/NumberInput/examples/NumberInput.md +301 -25
- package/docs/components/Pagination/examples/Pagination.md +111 -273
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +169 -13
- package/docs/components/Sidebar/examples/Sidebar.md +3 -1
- package/docs/components/Switch/examples/Switch.md +52 -4
- package/docs/components/Table/examples/Table.css +6 -0
- package/docs/components/Table/examples/Table.md +1322 -171
- package/docs/components/Tabs/examples/Tabs.md +18 -998
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +355 -115
- package/docs/components/Toolbar/examples/Toolbar.md +133 -25
- package/docs/components/TreeView/examples/TreeView.md +286 -118
- package/docs/components/Wizard/examples/Wizard.md +325 -25
- package/docs/demos/Alert/examples/Alert.md +181 -40
- package/docs/demos/Button/examples/Button.md +57 -45
- package/docs/demos/Card/examples/Card.md +280 -34
- package/docs/demos/CardView/examples/CardView.md +12 -12
- package/docs/demos/Compass/examples/Compass.md +91 -439
- package/docs/demos/Dashboard/examples/Dashboard.md +92 -41
- package/docs/demos/DataList/examples/DataList.md +74 -50
- package/docs/demos/Form/examples/BasicForms.md +112 -36
- package/docs/demos/HelperText/examples/HelperText.md +104 -8
- package/docs/demos/Masthead/examples/Masthead.md +52 -4
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +176 -14
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +2570 -4968
- package/docs/demos/Table/examples/Table.md +407 -179
- package/docs/demos/Toolbar/examples/Toolbar.md +139 -46
- package/docs/demos/Wizard/examples/Wizard.md +117 -9
- package/package.json +7 -7
- package/patternfly-base-no-globals.css +12 -10
- package/patternfly-base.css +12 -10
- package/patternfly-no-globals.css +411 -150
- package/patternfly.css +411 -150
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -144,28 +144,28 @@
|
|
|
144
144
|
@font-face {
|
|
145
145
|
font-family: "Red Hat Text";
|
|
146
146
|
font-style: normal;
|
|
147
|
-
font-weight: 400
|
|
147
|
+
font-weight: 400 600;
|
|
148
148
|
src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
|
|
149
149
|
font-display: fallback;
|
|
150
150
|
}
|
|
151
151
|
@font-face {
|
|
152
152
|
font-family: "Red Hat Text";
|
|
153
153
|
font-style: italic;
|
|
154
|
-
font-weight: 400
|
|
154
|
+
font-weight: 400 600;
|
|
155
155
|
src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
|
|
156
156
|
font-display: fallback;
|
|
157
157
|
}
|
|
158
158
|
@font-face {
|
|
159
159
|
font-family: "Red Hat Display";
|
|
160
160
|
font-style: normal;
|
|
161
|
-
font-weight:
|
|
161
|
+
font-weight: 600 800;
|
|
162
162
|
src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
|
|
163
163
|
font-display: fallback;
|
|
164
164
|
}
|
|
165
165
|
@font-face {
|
|
166
166
|
font-family: "Red Hat Display";
|
|
167
167
|
font-style: italic;
|
|
168
|
-
font-weight:
|
|
168
|
+
font-weight: 600 800;
|
|
169
169
|
src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
|
|
170
170
|
font-display: fallback;
|
|
171
171
|
}
|
|
@@ -6489,9 +6489,9 @@
|
|
|
6489
6489
|
--pf-t--global--font--size--700: 1.75rem;
|
|
6490
6490
|
--pf-t--global--font--size--800: 2.25rem;
|
|
6491
6491
|
--pf-t--global--font--weight--100: 400;
|
|
6492
|
-
--pf-t--global--font--weight--200:
|
|
6493
|
-
--pf-t--global--font--weight--300:
|
|
6494
|
-
--pf-t--global--font--weight--400:
|
|
6492
|
+
--pf-t--global--font--weight--200: 600;
|
|
6493
|
+
--pf-t--global--font--weight--300: 600;
|
|
6494
|
+
--pf-t--global--font--weight--400: 800;
|
|
6495
6495
|
--pf-t--global--icon--size--100: 0.75rem;
|
|
6496
6496
|
--pf-t--global--icon--size--200: 0.875rem;
|
|
6497
6497
|
--pf-t--global--icon--size--250: 1rem;
|
|
@@ -7389,9 +7389,9 @@
|
|
|
7389
7389
|
--pf-t--global--font--size--700: 1.75rem;
|
|
7390
7390
|
--pf-t--global--font--size--800: 2.25rem;
|
|
7391
7391
|
--pf-t--global--font--weight--100: 400;
|
|
7392
|
-
--pf-t--global--font--weight--200:
|
|
7393
|
-
--pf-t--global--font--weight--300:
|
|
7394
|
-
--pf-t--global--font--weight--400:
|
|
7392
|
+
--pf-t--global--font--weight--200: 600;
|
|
7393
|
+
--pf-t--global--font--weight--300: 600;
|
|
7394
|
+
--pf-t--global--font--weight--400: 800;
|
|
7395
7395
|
--pf-t--global--icon--size--100: 0.75rem;
|
|
7396
7396
|
--pf-t--global--icon--size--200: 0.875rem;
|
|
7397
7397
|
--pf-t--global--icon--size--250: 1rem;
|
|
@@ -8086,6 +8086,7 @@
|
|
|
8086
8086
|
--pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt);
|
|
8087
8087
|
--pf-t--global--border--radius--glass--default: var(--pf-t--global--border--radius--medium);
|
|
8088
8088
|
--pf-t--global--border--width--glass--default: var(--pf-t--global--border--width--regular);
|
|
8089
|
+
--pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
|
|
8089
8090
|
--pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
|
|
8090
8091
|
--pf-t--global--background--image--default: var(--pf-t--global--background--image--glass, url("./assets/images/PF-Bkg-Generic-Light.svg"));
|
|
8091
8092
|
--pf-t--global--box-shadow--glass--default: var(--pf-t--global--box-shadow--md);
|
|
@@ -8239,6 +8240,7 @@
|
|
|
8239
8240
|
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
|
|
8240
8241
|
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
|
|
8241
8242
|
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
|
|
8243
|
+
--pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
|
|
8242
8244
|
--pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
|
|
8243
8245
|
--pf-t--global--background--image--default: var(--pf-t--global--background--image--felt--glass, url("./assets/images/Felt-Bkg-Generic-Light.svg"));
|
|
8244
8246
|
}
|
|
@@ -9418,7 +9420,7 @@
|
|
|
9418
9420
|
overflow-x: hidden;
|
|
9419
9421
|
overflow-y: auto;
|
|
9420
9422
|
overscroll-behavior: contain;
|
|
9421
|
-
overflow-wrap:
|
|
9423
|
+
overflow-wrap: anywhere;
|
|
9422
9424
|
-webkit-overflow-scrolling: touch;
|
|
9423
9425
|
}
|
|
9424
9426
|
@media screen and (min-width: 36rem) {
|
|
@@ -9460,10 +9462,10 @@
|
|
|
9460
9462
|
--pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
|
|
9461
9463
|
--pf-v6-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
9462
9464
|
--pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
9463
|
-
--pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
9465
|
+
--pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
9464
9466
|
--pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
9465
|
-
--pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
9466
|
-
--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
9467
|
+
--pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
9468
|
+
--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
9467
9469
|
--pf-v6-c-accordion__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
9468
9470
|
--pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
9469
9471
|
--pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
@@ -9775,9 +9777,9 @@
|
|
|
9775
9777
|
--pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
9776
9778
|
--pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
9777
9779
|
--pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
|
|
9778
|
-
--pf-v6-c-alert__toggle--MarginBlockStart: calc(
|
|
9779
|
-
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(
|
|
9780
|
-
--pf-v6-c-alert__toggle--MarginInlineStart: calc(
|
|
9780
|
+
--pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
9781
|
+
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
9782
|
+
--pf-v6-c-alert__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
9781
9783
|
--pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
9782
9784
|
--pf-v6-c-alert__toggle-icon--Rotate: 0;
|
|
9783
9785
|
--pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
@@ -9789,8 +9791,8 @@
|
|
|
9789
9791
|
--pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
9790
9792
|
--pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
|
|
9791
9793
|
--pf-v6-c-alert__title--max-lines: 1;
|
|
9792
|
-
--pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
9793
|
-
--pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
9794
|
+
--pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
9795
|
+
--pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
9794
9796
|
--pf-v6-c-alert__action--TranslateY: 0.125rem;
|
|
9795
9797
|
--pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
9796
9798
|
--pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -9913,6 +9915,7 @@
|
|
|
9913
9915
|
|
|
9914
9916
|
.pf-v6-c-alert__icon {
|
|
9915
9917
|
grid-area: icon;
|
|
9918
|
+
align-self: baseline;
|
|
9916
9919
|
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
9917
9920
|
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
9918
9921
|
color: var(--pf-v6-c-alert__icon--Color);
|
|
@@ -9923,7 +9926,7 @@
|
|
|
9923
9926
|
grid-area: title;
|
|
9924
9927
|
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
9925
9928
|
color: var(--pf-v6-c-alert__title--Color);
|
|
9926
|
-
overflow-wrap:
|
|
9929
|
+
overflow-wrap: anywhere;
|
|
9927
9930
|
}
|
|
9928
9931
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
9929
9932
|
display: -webkit-box;
|
|
@@ -9935,7 +9938,7 @@
|
|
|
9935
9938
|
.pf-v6-c-alert__description {
|
|
9936
9939
|
grid-area: description;
|
|
9937
9940
|
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
9938
|
-
overflow-wrap:
|
|
9941
|
+
overflow-wrap: anywhere;
|
|
9939
9942
|
}
|
|
9940
9943
|
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
9941
9944
|
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
@@ -10142,24 +10145,87 @@
|
|
|
10142
10145
|
--pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
10143
10146
|
--pf-v6-c-avatar--Width: 2.25rem;
|
|
10144
10147
|
--pf-v6-c-avatar--Height: 2.25rem;
|
|
10148
|
+
--pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
|
|
10145
10149
|
--pf-v6-c-avatar--m-sm--Width: 1.5rem;
|
|
10146
10150
|
--pf-v6-c-avatar--m-sm--Height: 1.5rem;
|
|
10151
|
+
--pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
|
|
10147
10152
|
--pf-v6-c-avatar--m-md--Width: 2.25rem;
|
|
10148
10153
|
--pf-v6-c-avatar--m-md--Height: 2.25rem;
|
|
10154
|
+
--pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
|
|
10149
10155
|
--pf-v6-c-avatar--m-lg--Width: 4.5rem;
|
|
10150
10156
|
--pf-v6-c-avatar--m-lg--Height: 4.5rem;
|
|
10157
|
+
--pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
|
|
10151
10158
|
--pf-v6-c-avatar--m-xl--Width: 8rem;
|
|
10152
10159
|
--pf-v6-c-avatar--m-xl--Height: 8rem;
|
|
10160
|
+
--pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
|
|
10153
10161
|
--pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
|
|
10154
10162
|
--pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
10163
|
+
--pf-v6-c-avatar--m-colorful--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
10164
|
+
--pf-v6-c-avatar--m-gray--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10165
|
+
--pf-v6-c-avatar--m-gray--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
|
|
10166
|
+
--pf-v6-c-avatar--m-gray--BorderColor: var(--pf-t--global--border--color--default);
|
|
10167
|
+
--pf-v6-c-avatar--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
|
|
10168
|
+
--pf-v6-c-avatar--m-red--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
|
|
10169
|
+
--pf-v6-c-avatar--m-red--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
|
|
10170
|
+
--pf-v6-c-avatar--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
|
|
10171
|
+
--pf-v6-c-avatar--m-orangered--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
|
|
10172
|
+
--pf-v6-c-avatar--m-orangered--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
|
|
10173
|
+
--pf-v6-c-avatar--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
|
|
10174
|
+
--pf-v6-c-avatar--m-orange--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
|
|
10175
|
+
--pf-v6-c-avatar--m-orange--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
|
|
10176
|
+
--pf-v6-c-avatar--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
|
|
10177
|
+
--pf-v6-c-avatar--m-yellow--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--default);
|
|
10178
|
+
--pf-v6-c-avatar--m-yellow--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--default);
|
|
10179
|
+
--pf-v6-c-avatar--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
|
|
10180
|
+
--pf-v6-c-avatar--m-green--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
|
|
10181
|
+
--pf-v6-c-avatar--m-green--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
|
|
10182
|
+
--pf-v6-c-avatar--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
|
|
10183
|
+
--pf-v6-c-avatar--m-teal--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--default);
|
|
10184
|
+
--pf-v6-c-avatar--m-teal--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--default);
|
|
10185
|
+
--pf-v6-c-avatar--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
|
|
10186
|
+
--pf-v6-c-avatar--m-blue--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
|
|
10187
|
+
--pf-v6-c-avatar--m-blue--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
|
|
10188
|
+
--pf-v6-c-avatar--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
|
10189
|
+
--pf-v6-c-avatar--m-purple--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
|
|
10190
|
+
--pf-v6-c-avatar--m-purple--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
|
|
10191
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
10192
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
10193
|
+
--pf-v6-c-avatar--m-sm__initials--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
10194
|
+
--pf-v6-c-avatar--m-sm__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
10195
|
+
--pf-v6-c-avatar--m-lg__initials--FontSize: var(--pf-t--global--font--size--2xl);
|
|
10196
|
+
--pf-v6-c-avatar--m-lg__initials--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
10197
|
+
--pf-v6-c-avatar--m-lg__initials--FontFamily: var(--pf-t--global--font--family--heading);
|
|
10198
|
+
--pf-v6-c-avatar--m-xl__initials--FontSize: var(--pf-t--global--font--size--4xl);
|
|
10199
|
+
--pf-v6-c-avatar--m-xl__initials--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
10200
|
+
--pf-v6-c-avatar--m-xl__initials--FontFamily: var(--pf-t--global--font--family--heading);
|
|
10201
|
+
--pf-v6-c-avatar--m-gray__initials--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
|
|
10202
|
+
--pf-v6-c-avatar--m-red__initials--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
|
|
10203
|
+
--pf-v6-c-avatar--m-orangered__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
|
|
10204
|
+
--pf-v6-c-avatar--m-orange__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
|
|
10205
|
+
--pf-v6-c-avatar--m-yellow__initials--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
|
|
10206
|
+
--pf-v6-c-avatar--m-green__initials--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
|
|
10207
|
+
--pf-v6-c-avatar--m-teal__initials--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
|
|
10208
|
+
--pf-v6-c-avatar--m-blue__initials--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
|
|
10209
|
+
--pf-v6-c-avatar--m-purple__initials--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
10155
10210
|
}
|
|
10156
10211
|
|
|
10157
10212
|
.pf-v6-c-avatar {
|
|
10158
10213
|
width: var(--pf-v6-c-avatar--Width);
|
|
10159
10214
|
height: var(--pf-v6-c-avatar--Height);
|
|
10215
|
+
font-size: var(--pf-v6-c-avatar--FontSize);
|
|
10216
|
+
color: var(--pf-v6-c-avatar--Color, inherit);
|
|
10217
|
+
background-color: var(--pf-v6-c-avatar--BackgroundColor, transparent);
|
|
10160
10218
|
border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
|
|
10161
10219
|
border-radius: var(--pf-v6-c-avatar--BorderRadius);
|
|
10162
10220
|
}
|
|
10221
|
+
div.pf-v6-c-avatar {
|
|
10222
|
+
display: inline-flex;
|
|
10223
|
+
align-items: center;
|
|
10224
|
+
justify-content: center;
|
|
10225
|
+
overflow: clip;
|
|
10226
|
+
vertical-align: middle;
|
|
10227
|
+
}
|
|
10228
|
+
|
|
10163
10229
|
.pf-v6-c-avatar.pf-m-bordered {
|
|
10164
10230
|
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
|
|
10165
10231
|
--pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
|
|
@@ -10388,6 +10454,87 @@
|
|
|
10388
10454
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
|
|
10389
10455
|
}
|
|
10390
10456
|
}
|
|
10457
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
10458
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-sm--FontSize);
|
|
10459
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-sm__initials--FontSize);
|
|
10460
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-sm__initials--FontWeight);
|
|
10461
|
+
}
|
|
10462
|
+
.pf-v6-c-avatar.pf-m-lg {
|
|
10463
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-lg--FontSize);
|
|
10464
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-lg__initials--FontSize);
|
|
10465
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-lg__initials--FontWeight);
|
|
10466
|
+
--pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-lg__initials--FontFamily);
|
|
10467
|
+
}
|
|
10468
|
+
.pf-v6-c-avatar.pf-m-xl {
|
|
10469
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-xl--FontSize);
|
|
10470
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-xl__initials--FontSize);
|
|
10471
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-xl__initials--FontWeight);
|
|
10472
|
+
--pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-xl__initials--FontFamily);
|
|
10473
|
+
}
|
|
10474
|
+
.pf-v6-c-avatar.pf-m-colorful {
|
|
10475
|
+
--pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-colorful--BorderWidth);
|
|
10476
|
+
}
|
|
10477
|
+
.pf-v6-c-avatar.pf-m-red {
|
|
10478
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
|
|
10479
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-red--Color);
|
|
10480
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
|
|
10481
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-red__initials--Color);
|
|
10482
|
+
}
|
|
10483
|
+
.pf-v6-c-avatar.pf-m-orangered {
|
|
10484
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
|
|
10485
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orangered--Color);
|
|
10486
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
|
|
10487
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orangered__initials--Color);
|
|
10488
|
+
}
|
|
10489
|
+
.pf-v6-c-avatar.pf-m-orange {
|
|
10490
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
|
|
10491
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orange--Color);
|
|
10492
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
|
|
10493
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orange__initials--Color);
|
|
10494
|
+
}
|
|
10495
|
+
.pf-v6-c-avatar.pf-m-yellow {
|
|
10496
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
|
|
10497
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-yellow--Color);
|
|
10498
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
|
|
10499
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-yellow__initials--Color);
|
|
10500
|
+
}
|
|
10501
|
+
.pf-v6-c-avatar.pf-m-green {
|
|
10502
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
|
|
10503
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-green--Color);
|
|
10504
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
|
|
10505
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-green__initials--Color);
|
|
10506
|
+
}
|
|
10507
|
+
.pf-v6-c-avatar.pf-m-teal {
|
|
10508
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
|
|
10509
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-teal--Color);
|
|
10510
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
|
|
10511
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-teal__initials--Color);
|
|
10512
|
+
}
|
|
10513
|
+
.pf-v6-c-avatar.pf-m-blue {
|
|
10514
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
|
|
10515
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-blue--Color);
|
|
10516
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
|
|
10517
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-blue__initials--Color);
|
|
10518
|
+
}
|
|
10519
|
+
.pf-v6-c-avatar.pf-m-purple {
|
|
10520
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
|
|
10521
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-purple--Color);
|
|
10522
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
|
|
10523
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-purple__initials--Color);
|
|
10524
|
+
}
|
|
10525
|
+
.pf-v6-c-avatar.pf-m-gray {
|
|
10526
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
|
|
10527
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-gray--Color);
|
|
10528
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
|
|
10529
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-gray__initials--Color);
|
|
10530
|
+
}
|
|
10531
|
+
|
|
10532
|
+
.pf-v6-c-avatar__initials {
|
|
10533
|
+
font-family: var(--pf-v6-c-avatar__initials--FontFamily, revert);
|
|
10534
|
+
font-size: var(--pf-v6-c-avatar__initials--FontSize);
|
|
10535
|
+
font-weight: var(--pf-v6-c-avatar__initials--FontWeight);
|
|
10536
|
+
color: var(--pf-v6-c-avatar__initials--Color);
|
|
10537
|
+
}
|
|
10391
10538
|
|
|
10392
10539
|
.pf-v6-c-backdrop {
|
|
10393
10540
|
--pf-v6-c-backdrop--Position: fixed;
|
|
@@ -10566,7 +10713,9 @@
|
|
|
10566
10713
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
10567
10714
|
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
10568
10715
|
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
10716
|
+
--pf-v6-c-banner--link--clicked--Color: var(--pf-v6-c-banner--Color);
|
|
10569
10717
|
--pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
10718
|
+
--pf-v6-c-banner--link--TextDecorationColor: currentcolor;
|
|
10570
10719
|
--pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
|
|
10571
10720
|
--pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
10572
10721
|
--pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
@@ -10675,6 +10824,7 @@
|
|
|
10675
10824
|
.pf-v6-c-banner a {
|
|
10676
10825
|
color: var(--pf-v6-c-banner--link--Color);
|
|
10677
10826
|
text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
|
|
10827
|
+
text-decoration-color: var(--pf-v6-c-banner--a--TextDecorationColor);
|
|
10678
10828
|
}
|
|
10679
10829
|
.pf-v6-c-banner a:hover:not(.pf-m-disabled) {
|
|
10680
10830
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
@@ -10686,7 +10836,11 @@
|
|
|
10686
10836
|
.pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
|
|
10687
10837
|
--pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
|
|
10688
10838
|
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
10839
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-v6-c-banner--link--clicked--Color);
|
|
10689
10840
|
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
|
|
10841
|
+
--pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
|
|
10842
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
|
|
10843
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
|
|
10690
10844
|
text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
|
|
10691
10845
|
}
|
|
10692
10846
|
.pf-v6-c-banner .pf-v6-c-button.pf-m-inline:disabled, .pf-v6-c-banner .pf-v6-c-button.pf-m-inline.pf-m-disabled {
|
|
@@ -10781,9 +10935,9 @@
|
|
|
10781
10935
|
--pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
10782
10936
|
--pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
|
|
10783
10937
|
--pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
|
|
10784
|
-
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
10938
|
+
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
10785
10939
|
--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
10786
|
-
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
10940
|
+
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
10787
10941
|
--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
10788
10942
|
}
|
|
10789
10943
|
|
|
@@ -10831,7 +10985,7 @@
|
|
|
10831
10985
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
10832
10986
|
line-height: inherit;
|
|
10833
10987
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
10834
|
-
overflow-wrap:
|
|
10988
|
+
overflow-wrap: anywhere;
|
|
10835
10989
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
10836
10990
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
10837
10991
|
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
@@ -11003,6 +11157,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11003
11157
|
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
11004
11158
|
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
11005
11159
|
--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
|
|
11160
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
|
|
11161
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
11162
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
11163
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
|
|
11006
11164
|
--pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
|
|
11007
11165
|
--pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
|
|
11008
11166
|
--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate), var(--pf-t--global--motion--timing-function--default);
|
|
@@ -11017,6 +11175,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11017
11175
|
--pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
11018
11176
|
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
11019
11177
|
--pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
11178
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
11179
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
11020
11180
|
--pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
11021
11181
|
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
11022
11182
|
--pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
@@ -11122,6 +11282,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11122
11282
|
--pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
|
|
11123
11283
|
--pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
|
|
11124
11284
|
--pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
|
|
11285
|
+
--pf-v6-c-button--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
|
|
11125
11286
|
--pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
11126
11287
|
--pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
|
|
11127
11288
|
--pf-v6-c-button--m-display-lg--hover--TextDecorationColor: var(--pf-t--global--border--color--control--default);
|
|
@@ -11197,7 +11358,6 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11197
11358
|
--pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
|
|
11198
11359
|
--pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
11199
11360
|
--pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
|
|
11200
|
-
--pf-v6-c-button__progress--Opacity: 0;
|
|
11201
11361
|
--pf-v6-c-button__progress--TranslateY: -50%;
|
|
11202
11362
|
--pf-v6-c-button__progress--TranslateX: 0;
|
|
11203
11363
|
--pf-v6-c-button__progress--InsetBlockStart: 50%;
|
|
@@ -11389,9 +11549,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11389
11549
|
--pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
|
|
11390
11550
|
--pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
|
|
11391
11551
|
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
|
|
11392
|
-
--pf-v6-c-button--
|
|
11552
|
+
--pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine);
|
|
11553
|
+
--pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle);
|
|
11554
|
+
--pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor);
|
|
11555
|
+
--pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
|
|
11393
11556
|
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
|
|
11394
11557
|
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
|
11558
|
+
--pf-v6-c-button--m-link--m-clicked--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked--Color);
|
|
11559
|
+
--pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color);
|
|
11395
11560
|
--pf-v6-c-button--BorderWidth: 0;
|
|
11396
11561
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
11397
11562
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
@@ -11404,6 +11569,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11404
11569
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
11405
11570
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
11406
11571
|
}
|
|
11572
|
+
.pf-v6-c-button.pf-m-link.pf-m-inline:active, .pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-clicked {
|
|
11573
|
+
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
|
|
11574
|
+
}
|
|
11407
11575
|
.pf-v6-c-button.pf-m-link.pf-m-danger {
|
|
11408
11576
|
--pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
|
|
11409
11577
|
--pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
|
|
@@ -11624,7 +11792,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11624
11792
|
--pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
|
11625
11793
|
--pf-v6-c-button__icon--TransitionDuration: 0s;
|
|
11626
11794
|
--pf-v6-c-button__icon--TransitionProperty: scale;
|
|
11627
|
-
--pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
|
11628
11795
|
--pf-v6-c-button--hover__icon--TransitionDuration: 0s;
|
|
11629
11796
|
--pf-v6-c-button--hover__icon--TransitionProperty: scale;
|
|
11630
11797
|
}
|
|
@@ -11700,7 +11867,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11700
11867
|
background: var(--pf-v6-c-button--disabled--BackgroundColor);
|
|
11701
11868
|
}
|
|
11702
11869
|
.pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
|
|
11703
|
-
border-color:
|
|
11870
|
+
border-color: var(--pf-v6-c-button--disabled--BorderColor);
|
|
11704
11871
|
}
|
|
11705
11872
|
.pf-v6-c-button:disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-aria-disabled .pf-v6-c-button__icon {
|
|
11706
11873
|
color: var(--pf-v6-c-button--disabled__icon--Color);
|
|
@@ -11737,6 +11904,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11737
11904
|
justify-content: flex-start;
|
|
11738
11905
|
width: 100%;
|
|
11739
11906
|
}
|
|
11907
|
+
.pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
|
|
11908
|
+
min-width: 1lh;
|
|
11909
|
+
}
|
|
11740
11910
|
@media (min-width: 62rem) {
|
|
11741
11911
|
.pf-v6-c-button.pf-m-docked {
|
|
11742
11912
|
justify-content: center;
|
|
@@ -12105,13 +12275,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12105
12275
|
--pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
|
|
12106
12276
|
--pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
12107
12277
|
--pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
12108
|
-
--pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
12109
|
-
--pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
12278
|
+
--pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
12279
|
+
--pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
12110
12280
|
--pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
|
|
12111
12281
|
--pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
|
|
12112
|
-
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
12282
|
+
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
12113
12283
|
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
12114
|
-
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
12284
|
+
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
12115
12285
|
--pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
12116
12286
|
--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
12117
12287
|
--pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
@@ -12649,7 +12819,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12649
12819
|
}
|
|
12650
12820
|
|
|
12651
12821
|
.pf-v6-c-clipboard-copy__text {
|
|
12652
|
-
overflow-wrap:
|
|
12822
|
+
overflow-wrap: anywhere;
|
|
12653
12823
|
white-space: normal;
|
|
12654
12824
|
}
|
|
12655
12825
|
.pf-v6-c-clipboard-copy__text.pf-m-code {
|
|
@@ -14078,7 +14248,7 @@ ul) {
|
|
|
14078
14248
|
--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
|
|
14079
14249
|
--pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
14080
14250
|
--pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
14081
|
-
--pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(
|
|
14251
|
+
--pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
14082
14252
|
--pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
14083
14253
|
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
|
|
14084
14254
|
--pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
@@ -14111,8 +14281,8 @@ ul) {
|
|
|
14111
14281
|
--pf-v6-c-data-list--cell--WordBreak: normal;
|
|
14112
14282
|
--pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
|
|
14113
14283
|
--pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
14114
|
-
--pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
14115
|
-
--pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
14284
|
+
--pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
14285
|
+
--pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
14116
14286
|
--pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
|
|
14117
14287
|
--pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
14118
14288
|
--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
@@ -14143,8 +14313,8 @@ ul) {
|
|
|
14143
14313
|
--pf-v6-c-data-list__item-action--Display: flex;
|
|
14144
14314
|
--pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
14145
14315
|
--pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
14146
|
-
--pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--
|
|
14147
|
-
--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--
|
|
14316
|
+
--pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--plain);
|
|
14317
|
+
--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--plain);
|
|
14148
14318
|
--pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
14149
14319
|
--pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
14150
14320
|
--pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
@@ -14820,6 +14990,7 @@ ul) {
|
|
|
14820
14990
|
--pf-v6-c-draggable--m-dragging--Cursor: grabbing;
|
|
14821
14991
|
--pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
14822
14992
|
--pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
|
|
14993
|
+
--pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
14823
14994
|
--pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
14824
14995
|
--pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
14825
14996
|
--pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
@@ -14834,6 +15005,7 @@ ul) {
|
|
|
14834
15005
|
--pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
|
|
14835
15006
|
position: relative;
|
|
14836
15007
|
background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
|
|
15008
|
+
border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
|
|
14837
15009
|
box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
|
|
14838
15010
|
}
|
|
14839
15011
|
.pf-v6-c-draggable.pf-m-dragging::after {
|
|
@@ -14853,6 +15025,7 @@ ul) {
|
|
|
14853
15025
|
|
|
14854
15026
|
.pf-v6-c-droppable {
|
|
14855
15027
|
--pf-v6-c-droppable--before--BackgroundColor: transparent;
|
|
15028
|
+
--pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
14856
15029
|
--pf-v6-c-droppable--before--Opacity: 0;
|
|
14857
15030
|
--pf-v6-c-droppable--after--BorderWidth: 0;
|
|
14858
15031
|
--pf-v6-c-droppable--after--BorderColor: transparent;
|
|
@@ -14875,6 +15048,7 @@ ul) {
|
|
|
14875
15048
|
}
|
|
14876
15049
|
.pf-v6-c-droppable::before {
|
|
14877
15050
|
background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
|
|
15051
|
+
border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
|
|
14878
15052
|
opacity: var(--pf-v6-c-droppable--before--Opacity);
|
|
14879
15053
|
}
|
|
14880
15054
|
.pf-v6-c-droppable::after {
|
|
@@ -14970,7 +15144,7 @@ ul) {
|
|
|
14970
15144
|
--pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
14971
15145
|
--pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
14972
15146
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
|
|
14973
|
-
--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate:
|
|
15147
|
+
--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
|
|
14974
15148
|
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
14975
15149
|
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
14976
15150
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
@@ -17580,6 +17754,10 @@ ul) {
|
|
|
17580
17754
|
--pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
|
17581
17755
|
--pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
17582
17756
|
--pf-v6-c-form-control--Width: 100%;
|
|
17757
|
+
--pf-v6-c-form-control--TransitionDelay: 0s;
|
|
17758
|
+
--pf-v6-c-form-control--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
17759
|
+
--pf-v6-c-form-control--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
17760
|
+
--pf-v6-c-form-control--TransitionProperty: color, background-color, border-color;
|
|
17583
17761
|
--pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
|
|
17584
17762
|
--pf-v6-c-form-control--PaddingBlockStart--base: var(--pf-t--global--spacer--control--vertical--default);
|
|
17585
17763
|
--pf-v6-c-form-control--PaddingBlockEnd--base: var(--pf-t--global--spacer--control--vertical--default);
|
|
@@ -17685,12 +17863,17 @@ ul) {
|
|
|
17685
17863
|
resize: var(--pf-v6-c-form-control--Resize);
|
|
17686
17864
|
background-color: var(--pf-v6-c-form-control--BackgroundColor);
|
|
17687
17865
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
17866
|
+
transition-delay: var(--pf-v6-c-form-control--TransitionDelay);
|
|
17867
|
+
transition-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction);
|
|
17868
|
+
transition-duration: var(--pf-v6-c-form-control--TransitionDuration);
|
|
17869
|
+
transition-property: var(--pf-v6-c-form-control--TransitionProperty);
|
|
17688
17870
|
}
|
|
17689
17871
|
.pf-v6-c-form-control::before, .pf-v6-c-form-control::after {
|
|
17690
17872
|
position: absolute;
|
|
17691
17873
|
inset: 0;
|
|
17692
17874
|
pointer-events: none;
|
|
17693
17875
|
content: "";
|
|
17876
|
+
transition: inherit;
|
|
17694
17877
|
}
|
|
17695
17878
|
.pf-v6-c-form-control::before {
|
|
17696
17879
|
border-color: var(--pf-v6-c-form-control--before--BorderColor);
|
|
@@ -17786,10 +17969,11 @@ ul) {
|
|
|
17786
17969
|
--pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color);
|
|
17787
17970
|
--pf-v6-c-form-control--m-placeholder--Color: var(--pf-v6-c-form-control--m-disabled--Color);
|
|
17788
17971
|
--pf-v6-c-form-control__toggle-icon--Color: var(--pf-v6-c-form-control--m-disabled__toggle-icon--Color);
|
|
17789
|
-
--pf-v6-c-form-control--before--BorderStyle: none;
|
|
17790
|
-
--pf-v6-c-form-control--after--BorderStyle: none;
|
|
17791
17972
|
cursor: not-allowed;
|
|
17792
17973
|
}
|
|
17974
|
+
.pf-v6-c-form-control.pf-m-disabled::before, .pf-v6-c-form-control.pf-m-disabled::after {
|
|
17975
|
+
border-color: transparent;
|
|
17976
|
+
}
|
|
17793
17977
|
.pf-v6-c-form-control.pf-m-error {
|
|
17794
17978
|
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
|
|
17795
17979
|
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
|
|
@@ -18110,8 +18294,8 @@ ul) {
|
|
|
18110
18294
|
--pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
18111
18295
|
--pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
18112
18296
|
--pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
|
|
18113
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
18114
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
18297
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
18298
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
18115
18299
|
}
|
|
18116
18300
|
|
|
18117
18301
|
.pf-v6-c-hint {
|
|
@@ -19396,7 +19580,6 @@ label.pf-v6-c-input-group__text {
|
|
|
19396
19580
|
position: absolute;
|
|
19397
19581
|
inset: 0;
|
|
19398
19582
|
z-index: -1;
|
|
19399
|
-
pointer-events: none;
|
|
19400
19583
|
content: "";
|
|
19401
19584
|
background-color: var(--pf-v6-c-label--BackgroundColor);
|
|
19402
19585
|
border: var(--pf-v6-c-label--BorderWidth) solid var(--pf-v6-c-label--BorderColor);
|
|
@@ -19415,8 +19598,15 @@ input.pf-v6-c-label__content {
|
|
|
19415
19598
|
.pf-v6-c-label__actions {
|
|
19416
19599
|
margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
|
|
19417
19600
|
}
|
|
19418
|
-
.pf-v6-c-label
|
|
19419
|
-
--pf-v6-c-
|
|
19601
|
+
.pf-v6-c-label .pf-v6-c-label__actions .pf-v6-c-button {
|
|
19602
|
+
padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
|
|
19603
|
+
padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
|
|
19604
|
+
padding-inline-end: var(--pf-v6-c-label--PaddingInlineEnd);
|
|
19605
|
+
margin-block-start: calc(var(--pf-v6-c-label--PaddingBlockStart) * -1);
|
|
19606
|
+
margin-block-end: calc(var(--pf-v6-c-label--PaddingBlockEnd) * -1);
|
|
19607
|
+
margin-inline-end: calc(var(--pf-v6-c-label--PaddingInlineEnd) * -1);
|
|
19608
|
+
border-start-end-radius: var(--pf-v6-c-label--BorderRadius);
|
|
19609
|
+
border-end-end-radius: var(--pf-v6-c-label--BorderRadius);
|
|
19420
19610
|
}
|
|
19421
19611
|
|
|
19422
19612
|
.pf-v6-c-label__actions .pf-v6-c-button {
|
|
@@ -19926,7 +20116,7 @@ ul.pf-v6-c-list {
|
|
|
19926
20116
|
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
19927
20117
|
--pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
19928
20118
|
--pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
|
|
19929
|
-
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--
|
|
20119
|
+
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
|
|
19930
20120
|
--pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
|
|
19931
20121
|
--pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
19932
20122
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
@@ -20773,7 +20963,7 @@ ul.pf-v6-c-list {
|
|
|
20773
20963
|
--pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
|
|
20774
20964
|
--pf-v6-c-menu__item-external--Color: transparent;
|
|
20775
20965
|
--pf-v6-c-menu__item-select-icon--Color: transparent;
|
|
20776
|
-
--pf-v6-c-menu__item-description--Color: var(--pf-v6-c-
|
|
20966
|
+
--pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
|
|
20777
20967
|
--pf-v6-c-menu__list-item--BackgroundColor: transparent;
|
|
20778
20968
|
--pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
|
|
20779
20969
|
--pf-v6-c-menu__list-item--hover--BorderColor: transparent;
|
|
@@ -21140,7 +21330,7 @@ ul.pf-v6-c-list {
|
|
|
21140
21330
|
.pf-v6-c-menu__item-description {
|
|
21141
21331
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
21142
21332
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
21143
|
-
overflow-wrap:
|
|
21333
|
+
overflow-wrap: anywhere;
|
|
21144
21334
|
}
|
|
21145
21335
|
|
|
21146
21336
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -21557,6 +21747,9 @@ ul.pf-v6-c-list {
|
|
|
21557
21747
|
justify-content: flex-start;
|
|
21558
21748
|
width: 100%;
|
|
21559
21749
|
}
|
|
21750
|
+
.pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
|
|
21751
|
+
min-width: 1lh;
|
|
21752
|
+
}
|
|
21560
21753
|
@media (min-width: 62rem) {
|
|
21561
21754
|
.pf-v6-c-menu-toggle.pf-m-docked {
|
|
21562
21755
|
justify-content: center;
|
|
@@ -21785,7 +21978,7 @@ ul.pf-v6-c-list {
|
|
|
21785
21978
|
--pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
21786
21979
|
--pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
|
|
21787
21980
|
--pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
|
|
21788
|
-
--pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--
|
|
21981
|
+
--pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
21789
21982
|
--pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
21790
21983
|
--pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
21791
21984
|
--pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
@@ -21807,8 +22000,8 @@ ul.pf-v6-c-list {
|
|
|
21807
22000
|
--pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
21808
22001
|
--pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
21809
22002
|
--pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
21810
|
-
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--
|
|
21811
|
-
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd:
|
|
22003
|
+
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
22004
|
+
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
21812
22005
|
}
|
|
21813
22006
|
|
|
21814
22007
|
.pf-v6-c-modal-box {
|
|
@@ -21934,7 +22127,7 @@ ul.pf-v6-c-list {
|
|
|
21934
22127
|
overflow-x: hidden;
|
|
21935
22128
|
overflow-y: auto;
|
|
21936
22129
|
overscroll-behavior: contain;
|
|
21937
|
-
overflow-wrap:
|
|
22130
|
+
overflow-wrap: anywhere;
|
|
21938
22131
|
-webkit-overflow-scrolling: touch;
|
|
21939
22132
|
}
|
|
21940
22133
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -22170,8 +22363,8 @@ ul.pf-v6-c-list {
|
|
|
22170
22363
|
}
|
|
22171
22364
|
|
|
22172
22365
|
.pf-v6-c-nav {
|
|
22173
|
-
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
22174
|
-
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
22366
|
+
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
22367
|
+
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
22175
22368
|
--pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
22176
22369
|
--pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
22177
22370
|
--pf-v6-c-nav__list--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -22808,7 +23001,7 @@ ul.pf-v6-c-list {
|
|
|
22808
23001
|
|
|
22809
23002
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
22810
23003
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
22811
|
-
overflow-wrap:
|
|
23004
|
+
overflow-wrap: anywhere;
|
|
22812
23005
|
}
|
|
22813
23006
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
22814
23007
|
display: -webkit-box;
|
|
@@ -22830,7 +23023,7 @@ ul.pf-v6-c-list {
|
|
|
22830
23023
|
grid-row: 2/3;
|
|
22831
23024
|
grid-column: 1/2;
|
|
22832
23025
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
22833
|
-
overflow-wrap:
|
|
23026
|
+
overflow-wrap: anywhere;
|
|
22834
23027
|
}
|
|
22835
23028
|
|
|
22836
23029
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -22875,7 +23068,7 @@ ul.pf-v6-c-list {
|
|
|
22875
23068
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
22876
23069
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
22877
23070
|
text-align: start;
|
|
22878
|
-
overflow-wrap:
|
|
23071
|
+
overflow-wrap: anywhere;
|
|
22879
23072
|
}
|
|
22880
23073
|
|
|
22881
23074
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -22952,11 +23145,6 @@ ul.pf-v6-c-list {
|
|
|
22952
23145
|
.pf-v6-c-page {
|
|
22953
23146
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
22954
23147
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
22955
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
22956
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
|
|
22957
|
-
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
22958
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
22959
|
-
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
22960
23148
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
22961
23149
|
--pf-v6-c-page__dock--Width: 15.625rem;
|
|
22962
23150
|
--pf-v6-c-page__dock--desktop--Width: auto;
|
|
@@ -22970,11 +23158,17 @@ ul.pf-v6-c-list {
|
|
|
22970
23158
|
--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
|
|
22971
23159
|
--pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
|
|
22972
23160
|
--pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
|
|
22973
|
-
--pf-v6-c-page__dock-main--BorderInlineEndWidth:
|
|
23161
|
+
--pf-v6-c-page__dock-main--BorderInlineEndWidth: 0;
|
|
22974
23162
|
--pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
|
|
22975
|
-
--pf-v6-c-page__dock-main--desktop--
|
|
23163
|
+
--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
|
|
23164
|
+
--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
|
|
22976
23165
|
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
|
|
22977
|
-
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor:
|
|
23166
|
+
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: transparent;
|
|
23167
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
23168
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23169
|
+
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23170
|
+
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23171
|
+
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
22978
23172
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
22979
23173
|
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
22980
23174
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
@@ -23145,20 +23339,17 @@ ul.pf-v6-c-list {
|
|
|
23145
23339
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
23146
23340
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
23147
23341
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
23148
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
23149
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
23150
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23151
23342
|
--pf-v6-c-page--BackgroundColor--glass: transparent;
|
|
23152
23343
|
--pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
23153
|
-
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
23154
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--
|
|
23155
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--
|
|
23344
|
+
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23345
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
|
|
23346
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
23156
23347
|
--pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
23157
23348
|
--pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
23158
23349
|
--pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
23159
|
-
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--
|
|
23160
|
-
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--
|
|
23161
|
-
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--
|
|
23350
|
+
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
23351
|
+
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
23352
|
+
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
23162
23353
|
--pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
23163
23354
|
--pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
23164
23355
|
--pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
|
|
@@ -23169,9 +23360,11 @@ ul.pf-v6-c-list {
|
|
|
23169
23360
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
|
|
23170
23361
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23171
23362
|
--pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23172
|
-
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--
|
|
23173
|
-
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
23174
|
-
--pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome)
|
|
23363
|
+
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23364
|
+
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23365
|
+
--pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
|
|
23366
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
|
|
23367
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23175
23368
|
}
|
|
23176
23369
|
:where(.pf-v6-theme-glass) .pf-v6-c-page {
|
|
23177
23370
|
--pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
|
|
@@ -23194,6 +23387,8 @@ ul.pf-v6-c-list {
|
|
|
23194
23387
|
--pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
|
|
23195
23388
|
--pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
|
|
23196
23389
|
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
|
|
23390
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
|
|
23391
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
|
|
23197
23392
|
}
|
|
23198
23393
|
@media (min-width: 75rem) {
|
|
23199
23394
|
.pf-v6-c-page {
|
|
@@ -23364,8 +23559,6 @@ ul.pf-v6-c-list {
|
|
|
23364
23559
|
}
|
|
23365
23560
|
@media (min-width: 62rem) {
|
|
23366
23561
|
.pf-v6-c-page__dock {
|
|
23367
|
-
--pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
|
|
23368
|
-
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
23369
23562
|
position: revert;
|
|
23370
23563
|
inset: revert;
|
|
23371
23564
|
visibility: revert;
|
|
@@ -23393,6 +23586,9 @@ ul.pf-v6-c-list {
|
|
|
23393
23586
|
}
|
|
23394
23587
|
@media (min-width: 62rem) {
|
|
23395
23588
|
.pf-v6-c-page__dock-main {
|
|
23589
|
+
--pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
|
|
23590
|
+
--pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
|
|
23591
|
+
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
23396
23592
|
--pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
|
|
23397
23593
|
--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
|
|
23398
23594
|
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
|
|
@@ -24126,7 +24322,8 @@ ul.pf-v6-c-list {
|
|
|
24126
24322
|
--pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
|
|
24127
24323
|
--pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
|
|
24128
24324
|
--pf-v6-c-pagination--m-sticky--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
|
|
24129
|
-
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--
|
|
24325
|
+
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
|
|
24326
|
+
--pf-v6-c-pagination--m-bottom--BorderRadius: 0;
|
|
24130
24327
|
--pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
24131
24328
|
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
24132
24329
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
@@ -24140,6 +24337,8 @@ ul.pf-v6-c-list {
|
|
|
24140
24337
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
|
|
24141
24338
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
24142
24339
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
24340
|
+
--pf-v6-c-pagination--m-bottom--m-static--BorderRadius: 0;
|
|
24341
|
+
--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor: transparent;
|
|
24143
24342
|
--pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
|
|
24144
24343
|
}
|
|
24145
24344
|
:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
|
|
@@ -24147,6 +24346,9 @@ ul.pf-v6-c-list {
|
|
|
24147
24346
|
--pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
24148
24347
|
--pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
|
|
24149
24348
|
--pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
24349
|
+
--pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
24350
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
24351
|
+
--pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
|
|
24150
24352
|
}
|
|
24151
24353
|
.pf-v6-c-pagination {
|
|
24152
24354
|
--pf-v6-c-pagination__page-menu--Display--base: block;
|
|
@@ -24158,6 +24360,7 @@ ul.pf-v6-c-list {
|
|
|
24158
24360
|
}
|
|
24159
24361
|
@media screen and (min-width: 48rem) {
|
|
24160
24362
|
.pf-v6-c-pagination {
|
|
24363
|
+
--pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
|
|
24161
24364
|
--pf-v6-c-pagination--m-bottom--BoxShadow: none;
|
|
24162
24365
|
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
|
|
24163
24366
|
--pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
|
|
@@ -24183,9 +24386,6 @@ ul.pf-v6-c-list {
|
|
|
24183
24386
|
border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
|
|
24184
24387
|
border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
|
|
24185
24388
|
}
|
|
24186
|
-
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-pagination.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination:not(.pf-m-no-plain-on-glass) {
|
|
24187
|
-
--pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
|
|
24188
|
-
}
|
|
24189
24389
|
.pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
|
|
24190
24390
|
display: var(--pf-v6-c-pagination__page-menu--Display);
|
|
24191
24391
|
}
|
|
@@ -24201,11 +24401,9 @@ ul.pf-v6-c-list {
|
|
|
24201
24401
|
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
|
|
24202
24402
|
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
|
|
24203
24403
|
background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
|
|
24404
|
+
border-radius: var(--pf-v6-c-pagination--m-bottom--BorderRadius);
|
|
24204
24405
|
box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
|
|
24205
24406
|
}
|
|
24206
|
-
:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination.pf-m-bottom.pf-m-sticky-base:not(.pf-m-sticky-stuck) {
|
|
24207
|
-
--pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
|
|
24208
|
-
}
|
|
24209
24407
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
|
|
24210
24408
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
|
|
24211
24409
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
|
|
@@ -24224,6 +24422,7 @@ ul.pf-v6-c-list {
|
|
|
24224
24422
|
.pf-v6-c-pagination.pf-m-bottom {
|
|
24225
24423
|
--pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
|
|
24226
24424
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
|
|
24425
|
+
--pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
|
|
24227
24426
|
position: relative;
|
|
24228
24427
|
justify-content: flex-end;
|
|
24229
24428
|
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
|
|
@@ -24248,12 +24447,14 @@ ul.pf-v6-c-list {
|
|
|
24248
24447
|
}
|
|
24249
24448
|
}
|
|
24250
24449
|
.pf-v6-c-pagination.pf-m-static {
|
|
24450
|
+
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor);
|
|
24251
24451
|
position: relative;
|
|
24252
24452
|
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
|
|
24253
24453
|
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
|
|
24254
24454
|
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
|
|
24255
24455
|
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
|
|
24256
24456
|
border: 0;
|
|
24457
|
+
border-radius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
|
|
24257
24458
|
box-shadow: none;
|
|
24258
24459
|
}
|
|
24259
24460
|
.pf-v6-c-pagination.pf-m-sticky {
|
|
@@ -24526,7 +24727,7 @@ ul.pf-v6-c-list {
|
|
|
24526
24727
|
--pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
24527
24728
|
--pf-v6-c-panel--BoxShadow: none;
|
|
24528
24729
|
--pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
24529
|
-
--pf-v6-c-panel--before--BorderWidth:
|
|
24730
|
+
--pf-v6-c-panel--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
24530
24731
|
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
24531
24732
|
--pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
24532
24733
|
--pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
@@ -24706,7 +24907,7 @@ ul.pf-v6-c-list {
|
|
|
24706
24907
|
--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
|
|
24707
24908
|
--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
|
|
24708
24909
|
--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
|
|
24709
|
-
--pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--
|
|
24910
|
+
--pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain));
|
|
24710
24911
|
--pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
|
|
24711
24912
|
--pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
24712
24913
|
--pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -25007,7 +25208,7 @@ ul.pf-v6-c-list {
|
|
|
25007
25208
|
|
|
25008
25209
|
.pf-v6-c-progress__description {
|
|
25009
25210
|
grid-column: 1/2;
|
|
25010
|
-
overflow-wrap:
|
|
25211
|
+
overflow-wrap: anywhere;
|
|
25011
25212
|
}
|
|
25012
25213
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
25013
25214
|
overflow: hidden;
|
|
@@ -25023,7 +25224,7 @@ ul.pf-v6-c-list {
|
|
|
25023
25224
|
align-items: flex-start;
|
|
25024
25225
|
justify-content: flex-end;
|
|
25025
25226
|
text-align: end;
|
|
25026
|
-
overflow-wrap:
|
|
25227
|
+
overflow-wrap: anywhere;
|
|
25027
25228
|
}
|
|
25028
25229
|
|
|
25029
25230
|
.pf-v6-c-progress__status-icon {
|
|
@@ -25941,6 +26142,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25941
26142
|
--pf-v6-c-sidebar__panel--Position: static;
|
|
25942
26143
|
--pf-v6-c-sidebar__panel--InsetBlockStart: auto;
|
|
25943
26144
|
}
|
|
26145
|
+
.pf-v6-c-sidebar__panel.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__panel:not(.pf-m-no-plain-on-glass) {
|
|
26146
|
+
--pf-v6-c-sidebar__panel--BackgroundColor: transparent;
|
|
26147
|
+
}
|
|
25944
26148
|
.pf-v6-c-sidebar__panel.pf-m-secondary {
|
|
25945
26149
|
--pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
|
|
25946
26150
|
}
|
|
@@ -25960,7 +26164,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25960
26164
|
--pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
|
|
25961
26165
|
--pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
|
|
25962
26166
|
}
|
|
25963
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
26167
|
+
.pf-v6-c-sidebar__content.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__content.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__content:not(.pf-m-no-plain-on-glass) {
|
|
25964
26168
|
--pf-v6-c-sidebar__content--BackgroundColor: transparent;
|
|
25965
26169
|
}
|
|
25966
26170
|
.pf-v6-c-sidebar__content.pf-m-secondary {
|
|
@@ -25973,12 +26177,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25973
26177
|
--pf-v6-c-sidebar__content--Order: -1;
|
|
25974
26178
|
}
|
|
25975
26179
|
|
|
25976
|
-
.pf-v6-c-sidebar.pf-m-no-background,
|
|
25977
|
-
.pf-v6-c-sidebar__panel.pf-m-no-background,
|
|
25978
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
25979
|
-
background-color: transparent;
|
|
25980
|
-
}
|
|
25981
|
-
|
|
25982
26180
|
.pf-v6-c-sidebar__panel.pf-m-width-default {
|
|
25983
26181
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
25984
26182
|
}
|
|
@@ -26978,22 +27176,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26978
27176
|
--pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
|
|
26979
27177
|
--pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
|
|
26980
27178
|
--pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
27179
|
+
--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
26981
27180
|
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
26982
27181
|
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
26983
27182
|
--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
26984
27183
|
--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
26985
|
-
--pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.
|
|
26986
|
-
--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--
|
|
27184
|
+
--pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
|
|
27185
|
+
--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + var(--pf-t--global--spacer--control--vertical--compact) * -1);
|
|
26987
27186
|
--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
26988
27187
|
--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
26989
27188
|
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
26990
27189
|
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
26991
27190
|
--pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
26992
27191
|
--pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
|
|
26993
|
-
--pf-v6-c-table__check--responsive--MarginBlockStart: 0.
|
|
27192
|
+
--pf-v6-c-table__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
|
|
26994
27193
|
--pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
|
|
26995
27194
|
--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
26996
27195
|
--pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
27196
|
+
--pf-v6-c-table__action--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
26997
27197
|
--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
|
|
26998
27198
|
--pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart: calc(var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart) + var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart));
|
|
26999
27199
|
--pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
@@ -27075,10 +27275,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27075
27275
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
|
27076
27276
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
|
27077
27277
|
}
|
|
27078
|
-
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
|
|
27278
|
+
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
|
|
27079
27279
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
|
27080
27280
|
}
|
|
27081
27281
|
.pf-m-grid.pf-v6-c-table.pf-m-compact {
|
|
27282
|
+
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
|
|
27082
27283
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
|
|
27083
27284
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
|
|
27084
27285
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
|
|
@@ -27088,7 +27289,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27088
27289
|
}
|
|
27089
27290
|
.pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
|
|
27090
27291
|
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
|
|
27091
|
-
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--
|
|
27292
|
+
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
|
|
27092
27293
|
}
|
|
27093
27294
|
.pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
|
|
27094
27295
|
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
|
|
@@ -27278,6 +27479,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27278
27479
|
}
|
|
27279
27480
|
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
|
|
27280
27481
|
text-align: end;
|
|
27482
|
+
margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
|
|
27281
27483
|
}
|
|
27282
27484
|
@media screen and (max-width: 36rem) {
|
|
27283
27485
|
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
|
|
@@ -27384,10 +27586,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27384
27586
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
|
27385
27587
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
|
27386
27588
|
}
|
|
27387
|
-
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
|
|
27589
|
+
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
|
|
27388
27590
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
|
27389
27591
|
}
|
|
27390
27592
|
.pf-m-grid-md.pf-v6-c-table.pf-m-compact {
|
|
27593
|
+
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
|
|
27391
27594
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
|
|
27392
27595
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
|
|
27393
27596
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
|
|
@@ -27397,7 +27600,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27397
27600
|
}
|
|
27398
27601
|
.pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
|
|
27399
27602
|
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
|
|
27400
|
-
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--
|
|
27603
|
+
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
|
|
27401
27604
|
}
|
|
27402
27605
|
.pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
|
|
27403
27606
|
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
|
|
@@ -27587,6 +27790,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27587
27790
|
}
|
|
27588
27791
|
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
|
|
27589
27792
|
text-align: end;
|
|
27793
|
+
margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
|
|
27590
27794
|
}
|
|
27591
27795
|
@media screen and (max-width: 36rem) {
|
|
27592
27796
|
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
|
|
@@ -27694,10 +27898,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27694
27898
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
|
27695
27899
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
|
27696
27900
|
}
|
|
27697
|
-
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
|
|
27901
|
+
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
|
|
27698
27902
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
|
27699
27903
|
}
|
|
27700
27904
|
.pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
|
|
27905
|
+
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
|
|
27701
27906
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
|
|
27702
27907
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
|
|
27703
27908
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
|
|
@@ -27707,7 +27912,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27707
27912
|
}
|
|
27708
27913
|
.pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
|
|
27709
27914
|
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
|
|
27710
|
-
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--
|
|
27915
|
+
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
|
|
27711
27916
|
}
|
|
27712
27917
|
.pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
|
|
27713
27918
|
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
|
|
@@ -27897,6 +28102,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27897
28102
|
}
|
|
27898
28103
|
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
|
|
27899
28104
|
text-align: end;
|
|
28105
|
+
margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
|
|
27900
28106
|
}
|
|
27901
28107
|
@media screen and (max-width: 36rem) {
|
|
27902
28108
|
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
|
|
@@ -28004,10 +28210,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28004
28210
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
|
28005
28211
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
|
28006
28212
|
}
|
|
28007
|
-
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
|
|
28213
|
+
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
|
|
28008
28214
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
|
28009
28215
|
}
|
|
28010
28216
|
.pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
|
|
28217
|
+
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
|
|
28011
28218
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
|
|
28012
28219
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
|
|
28013
28220
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
|
|
@@ -28017,7 +28224,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28017
28224
|
}
|
|
28018
28225
|
.pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
|
|
28019
28226
|
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
|
|
28020
|
-
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--
|
|
28227
|
+
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
|
|
28021
28228
|
}
|
|
28022
28229
|
.pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
|
|
28023
28230
|
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
|
|
@@ -28207,6 +28414,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28207
28414
|
}
|
|
28208
28415
|
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
28209
28416
|
text-align: end;
|
|
28417
|
+
margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
|
|
28210
28418
|
}
|
|
28211
28419
|
@media screen and (max-width: 36rem) {
|
|
28212
28420
|
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
@@ -28314,10 +28522,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28314
28522
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
|
28315
28523
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
|
28316
28524
|
}
|
|
28317
|
-
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
|
|
28525
|
+
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
|
|
28318
28526
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
|
28319
28527
|
}
|
|
28320
28528
|
.pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
|
|
28529
|
+
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
|
|
28321
28530
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
|
|
28322
28531
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
|
|
28323
28532
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
|
|
@@ -28327,7 +28536,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28327
28536
|
}
|
|
28328
28537
|
.pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
|
|
28329
28538
|
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
|
|
28330
|
-
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--
|
|
28539
|
+
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
|
|
28331
28540
|
}
|
|
28332
28541
|
.pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
|
|
28333
28542
|
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
|
|
@@ -28517,6 +28726,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28517
28726
|
}
|
|
28518
28727
|
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
28519
28728
|
text-align: end;
|
|
28729
|
+
margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
|
|
28520
28730
|
}
|
|
28521
28731
|
@media screen and (max-width: 36rem) {
|
|
28522
28732
|
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
@@ -28606,8 +28816,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28606
28816
|
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
28607
28817
|
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
28608
28818
|
--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
|
|
28609
|
-
--pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
28610
|
-
--pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
28819
|
+
--pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
28820
|
+
--pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
28611
28821
|
--pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
28612
28822
|
--pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
28613
28823
|
--pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -28707,7 +28917,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28707
28917
|
--pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
28708
28918
|
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
|
|
28709
28919
|
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
|
|
28710
|
-
--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex:
|
|
28920
|
+
--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: initial;
|
|
28711
28921
|
--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
|
|
28712
28922
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
28713
28923
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -28727,6 +28937,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28727
28937
|
--pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
|
|
28728
28938
|
--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
|
|
28729
28939
|
--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
|
|
28940
|
+
--pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
28941
|
+
--pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
28730
28942
|
}
|
|
28731
28943
|
:where(.pf-v6-theme-glass) .pf-v6-c-table {
|
|
28732
28944
|
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
@@ -28748,16 +28960,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28748
28960
|
.pf-v6-c-table.pf-m-fixed {
|
|
28749
28961
|
table-layout: fixed;
|
|
28750
28962
|
}
|
|
28751
|
-
.pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::
|
|
28963
|
+
.pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
|
|
28752
28964
|
opacity: 0;
|
|
28753
28965
|
transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
|
|
28754
28966
|
transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
|
|
28755
28967
|
transition-property: opacity;
|
|
28756
28968
|
}
|
|
28757
|
-
.pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
|
|
28758
|
-
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
|
|
28759
|
-
}
|
|
28760
|
-
.pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after {
|
|
28969
|
+
.pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
|
|
28761
28970
|
opacity: 1;
|
|
28762
28971
|
}
|
|
28763
28972
|
.pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
|
|
@@ -28768,27 +28977,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28768
28977
|
inset-block-start: 0;
|
|
28769
28978
|
z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
|
|
28770
28979
|
}
|
|
28771
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::
|
|
28980
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
|
|
28772
28981
|
position: absolute;
|
|
28773
28982
|
inset: 0;
|
|
28774
28983
|
z-index: -1;
|
|
28775
28984
|
pointer-events: none;
|
|
28776
28985
|
content: "";
|
|
28777
|
-
background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
|
|
28778
28986
|
border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
28779
28987
|
box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
|
|
28780
28988
|
}
|
|
28781
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead
|
|
28782
|
-
z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
|
|
28783
|
-
}
|
|
28784
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
|
|
28989
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
|
|
28785
28990
|
position: absolute;
|
|
28786
28991
|
inset: 0;
|
|
28787
|
-
z-index:
|
|
28992
|
+
z-index: -1;
|
|
28788
28993
|
pointer-events: none;
|
|
28789
28994
|
content: "";
|
|
28995
|
+
background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
|
|
28790
28996
|
border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
|
|
28791
28997
|
}
|
|
28998
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th:first-child::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th:first-child::after {
|
|
28999
|
+
border-start-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
29000
|
+
border-end-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
29001
|
+
}
|
|
29002
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th:last-child::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th:last-child::after {
|
|
29003
|
+
border-start-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
29004
|
+
border-end-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
29005
|
+
}
|
|
29006
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead > :where(th, td), .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead > :where(th, td) {
|
|
29007
|
+
z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
|
|
29008
|
+
}
|
|
29009
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-table.pf-m-sticky-header .pf-m-nested-column-header, :where(.pf-v6-theme-glass) .pf-v6-c-table.pf-m-sticky-header-base .pf-m-nested-column-header {
|
|
29010
|
+
--pf-v6-c-table--m-sticky-header--BorderRadius: 0;
|
|
29011
|
+
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
|
|
29012
|
+
}
|
|
28792
29013
|
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
|
|
28793
29014
|
border-block-end: 0;
|
|
28794
29015
|
}
|
|
@@ -28796,6 +29017,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28796
29017
|
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
|
|
28797
29018
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
|
|
28798
29019
|
}
|
|
29020
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
|
|
29021
|
+
position: sticky;
|
|
29022
|
+
inset-block-end: 0;
|
|
29023
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
|
|
29024
|
+
background: var(--pf-v6-c-table--BackgroundColor);
|
|
29025
|
+
}
|
|
29026
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
|
|
29027
|
+
position: absolute;
|
|
29028
|
+
inset: 0;
|
|
29029
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
|
|
29030
|
+
pointer-events: none;
|
|
29031
|
+
content: "";
|
|
29032
|
+
border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
29033
|
+
}
|
|
29034
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
|
|
29035
|
+
border-block-end: 0;
|
|
29036
|
+
}
|
|
29037
|
+
.pf-v6-c-table.pf-m-plain {
|
|
29038
|
+
--pf-v6-c-table--BackgroundColor: transparent;
|
|
29039
|
+
}
|
|
28799
29040
|
.pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr),
|
|
28800
29041
|
.pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
|
|
28801
29042
|
.pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
|
|
@@ -29479,14 +29720,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29479
29720
|
vertical-align: bottom;
|
|
29480
29721
|
}
|
|
29481
29722
|
.pf-v6-c-table__thead.pf-m-nested-column-header {
|
|
29723
|
+
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
29482
29724
|
position: relative;
|
|
29483
29725
|
}
|
|
29484
|
-
.pf-v6-c-table__thead.pf-m-nested-column-header
|
|
29485
|
-
position: absolute;
|
|
29486
|
-
inset: 0;
|
|
29726
|
+
.pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
|
|
29487
29727
|
z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
|
|
29488
|
-
pointer-events: none;
|
|
29489
|
-
content: "";
|
|
29490
29728
|
border-block-end: var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth) solid var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor);
|
|
29491
29729
|
}
|
|
29492
29730
|
.pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
|
|
@@ -29527,7 +29765,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29527
29765
|
border-block-end: 0;
|
|
29528
29766
|
}
|
|
29529
29767
|
.pf-v6-c-table__tr.pf-m-border-row {
|
|
29530
|
-
|
|
29768
|
+
height: var(--pf-v6-c-table--border-width--base);
|
|
29769
|
+
background-color: var(--pf-v6-c-table--BorderColor);
|
|
29770
|
+
}
|
|
29771
|
+
|
|
29772
|
+
.pf-v6-c-table__tfoot {
|
|
29773
|
+
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
|
29774
|
+
vertical-align: top;
|
|
29531
29775
|
}
|
|
29532
29776
|
|
|
29533
29777
|
.pf-v6-c-table__icon-inline {
|
|
@@ -29676,6 +29920,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29676
29920
|
--pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
|
|
29677
29921
|
}
|
|
29678
29922
|
|
|
29923
|
+
.pf-v6-c-table.pf-m-tree-view {
|
|
29924
|
+
--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 90deg;
|
|
29925
|
+
}
|
|
29679
29926
|
.pf-v6-c-table.pf-m-tree-view > tbody > tr {
|
|
29680
29927
|
--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
|
|
29681
29928
|
}
|
|
@@ -30532,10 +30779,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30532
30779
|
--pf-v6-c-tabs__link--BorderColor: transparent;
|
|
30533
30780
|
--pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
30534
30781
|
--pf-v6-c-tabs__link--disabled--BorderColor: transparent;
|
|
30535
|
-
--pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
30536
|
-
--pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
30537
|
-
--pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
30538
|
-
--pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
30782
|
+
--pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
30783
|
+
--pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
30784
|
+
--pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
30785
|
+
--pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
30539
30786
|
--pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
30540
30787
|
--pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
30541
30788
|
--pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
|
|
@@ -30554,9 +30801,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30554
30801
|
--pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: transparent;
|
|
30555
30802
|
--pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
30556
30803
|
--pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
30557
|
-
--pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
|
|
30558
30804
|
--pf-v6-c-tabs__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--short);
|
|
30559
30805
|
--pf-v6-c-tabs__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
|
|
30806
|
+
--pf-v6-c-tabs--m-subtab__link--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) - var(--pf-t--global--spacer--control--vertical--compact) + (var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body) - 1lh) / 2);
|
|
30807
|
+
--pf-v6-c-tabs--m-subtab__link--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) - var(--pf-t--global--spacer--control--vertical--compact) + (var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body) - 1lh) / 2);
|
|
30808
|
+
--pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
30809
|
+
--pf-v6-c-tabs--m-subtab__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
|
30810
|
+
--pf-v6-c-tabs--m-subtab__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
30811
|
+
--pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
|
30812
|
+
--pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
30560
30813
|
--pf-v6-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
|
|
30561
30814
|
--pf-v6-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
|
|
30562
30815
|
--pf-v6-c-tabs__link--before--BorderBlockStartColor: var(--pf-v6-c-tabs__link--before--border-color--base);
|
|
@@ -30923,9 +31176,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30923
31176
|
}
|
|
30924
31177
|
.pf-v6-c-tabs.pf-m-subtab {
|
|
30925
31178
|
--pf-v6-c-tabs__link--FontSize: var(--pf-v6-c-tabs--m-subtab__link--FontSize);
|
|
31179
|
+
--pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockStart);
|
|
31180
|
+
--pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd);
|
|
31181
|
+
--pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineStart);
|
|
31182
|
+
--pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd);
|
|
30926
31183
|
--pf-v6-c-tabs__item-action--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__item-action--c-button--FontSize);
|
|
30927
31184
|
--pf-v6-c-tabs__add--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__add--c-button--FontSize);
|
|
30928
31185
|
}
|
|
31186
|
+
.pf-v6-c-tabs.pf-m-subtab .pf-v6-c-tabs__link {
|
|
31187
|
+
margin-block-start: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockStart);
|
|
31188
|
+
margin-block-end: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockEnd);
|
|
31189
|
+
}
|
|
30929
31190
|
.pf-v6-c-tabs.pf-m-page-insets {
|
|
30930
31191
|
--pf-v6-c-tabs--inset: var(--pf-v6-c-tabs--m-page-insets--inset);
|
|
30931
31192
|
}
|
|
@@ -31805,7 +32066,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31805
32066
|
|
|
31806
32067
|
.pf-v6-c-title {
|
|
31807
32068
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
31808
|
-
overflow-wrap:
|
|
32069
|
+
overflow-wrap: anywhere;
|
|
31809
32070
|
}
|
|
31810
32071
|
.pf-v6-c-title.pf-m-4xl {
|
|
31811
32072
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -34227,7 +34488,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34227
34488
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
34228
34489
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
34229
34490
|
text-align: center;
|
|
34230
|
-
overflow-wrap:
|
|
34491
|
+
overflow-wrap: anywhere;
|
|
34231
34492
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
34232
34493
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
34233
34494
|
}
|
|
@@ -34341,12 +34602,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34341
34602
|
}
|
|
34342
34603
|
|
|
34343
34604
|
.pf-v6-c-tree-view {
|
|
34344
|
-
--pf-v6-c-tree-view__node--indent--base: calc(var(--pf-
|
|
34605
|
+
--pf-v6-c-tree-view__node--indent--base: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart) + var(--pf-v6-c-tree-view__node-toggle--PaddingInlineEnd) + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
|
|
34345
34606
|
--pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
|
|
34346
34607
|
--pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
34347
|
-
--pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
34348
|
-
--pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
34349
|
-
--pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
34608
|
+
--pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
34609
|
+
--pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
|
|
34610
|
+
--pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
34350
34611
|
--pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
|
|
34351
34612
|
--pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
|
|
34352
34613
|
--pf-v6-c-tree-view__node--BackgroundColor: transparent;
|
|
@@ -34390,9 +34651,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34390
34651
|
--pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
|
|
34391
34652
|
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
|
|
34392
34653
|
--pf-v6-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--font--body--default);
|
|
34393
|
-
--pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
34654
|
+
--pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
34394
34655
|
--pf-v6-c-tree-view__node-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
34395
|
-
--pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
34656
|
+
--pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
34396
34657
|
--pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
34397
34658
|
--pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
|
34398
34659
|
--pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
|
@@ -34408,7 +34669,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34408
34669
|
--pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
34409
34670
|
--pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
|
|
34410
34671
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
34411
|
-
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate:
|
|
34672
|
+
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
|
|
34412
34673
|
--pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
34413
34674
|
--pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
34414
34675
|
--pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
@@ -35013,7 +35274,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35013
35274
|
--pf-v6-c-wizard__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
35014
35275
|
--pf-v6-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
35015
35276
|
--pf-v6-c-wizard--m-plain__footer--BackgroundColor: transparent;
|
|
35016
|
-
--pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--
|
|
35277
|
+
--pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--sm);
|
|
35017
35278
|
--pf-v6-c-wizard__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
35018
35279
|
--pf-v6-c-wizard__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
35019
35280
|
--pf-v6-c-wizard__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -35139,7 +35400,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35139
35400
|
align-items: baseline;
|
|
35140
35401
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
35141
35402
|
text-align: start;
|
|
35142
|
-
overflow-wrap:
|
|
35403
|
+
overflow-wrap: anywhere;
|
|
35143
35404
|
}
|
|
35144
35405
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
35145
35406
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -35275,7 +35536,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35275
35536
|
padding-inline: 0;
|
|
35276
35537
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
35277
35538
|
text-align: start;
|
|
35278
|
-
overflow-wrap:
|
|
35539
|
+
overflow-wrap: anywhere;
|
|
35279
35540
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
35280
35541
|
counter-increment: wizard-nav-count;
|
|
35281
35542
|
background-color: transparent;
|
|
@@ -35394,7 +35655,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35394
35655
|
flex-direction: column;
|
|
35395
35656
|
overflow-x: hidden;
|
|
35396
35657
|
overflow-y: auto;
|
|
35397
|
-
overflow-wrap:
|
|
35658
|
+
overflow-wrap: anywhere;
|
|
35398
35659
|
}
|
|
35399
35660
|
|
|
35400
35661
|
.pf-v6-c-wizard__main-body {
|