@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
package/patternfly.css
CHANGED
|
@@ -299,28 +299,28 @@ button) {
|
|
|
299
299
|
@font-face {
|
|
300
300
|
font-family: "Red Hat Text";
|
|
301
301
|
font-style: normal;
|
|
302
|
-
font-weight: 400
|
|
302
|
+
font-weight: 400 600;
|
|
303
303
|
src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
|
|
304
304
|
font-display: fallback;
|
|
305
305
|
}
|
|
306
306
|
@font-face {
|
|
307
307
|
font-family: "Red Hat Text";
|
|
308
308
|
font-style: italic;
|
|
309
|
-
font-weight: 400
|
|
309
|
+
font-weight: 400 600;
|
|
310
310
|
src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
|
|
311
311
|
font-display: fallback;
|
|
312
312
|
}
|
|
313
313
|
@font-face {
|
|
314
314
|
font-family: "Red Hat Display";
|
|
315
315
|
font-style: normal;
|
|
316
|
-
font-weight:
|
|
316
|
+
font-weight: 600 800;
|
|
317
317
|
src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
|
|
318
318
|
font-display: fallback;
|
|
319
319
|
}
|
|
320
320
|
@font-face {
|
|
321
321
|
font-family: "Red Hat Display";
|
|
322
322
|
font-style: italic;
|
|
323
|
-
font-weight:
|
|
323
|
+
font-weight: 600 800;
|
|
324
324
|
src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
|
|
325
325
|
font-display: fallback;
|
|
326
326
|
}
|
|
@@ -6644,9 +6644,9 @@ button) {
|
|
|
6644
6644
|
--pf-t--global--font--size--700: 1.75rem;
|
|
6645
6645
|
--pf-t--global--font--size--800: 2.25rem;
|
|
6646
6646
|
--pf-t--global--font--weight--100: 400;
|
|
6647
|
-
--pf-t--global--font--weight--200:
|
|
6648
|
-
--pf-t--global--font--weight--300:
|
|
6649
|
-
--pf-t--global--font--weight--400:
|
|
6647
|
+
--pf-t--global--font--weight--200: 600;
|
|
6648
|
+
--pf-t--global--font--weight--300: 600;
|
|
6649
|
+
--pf-t--global--font--weight--400: 800;
|
|
6650
6650
|
--pf-t--global--icon--size--100: 0.75rem;
|
|
6651
6651
|
--pf-t--global--icon--size--200: 0.875rem;
|
|
6652
6652
|
--pf-t--global--icon--size--250: 1rem;
|
|
@@ -7544,9 +7544,9 @@ button) {
|
|
|
7544
7544
|
--pf-t--global--font--size--700: 1.75rem;
|
|
7545
7545
|
--pf-t--global--font--size--800: 2.25rem;
|
|
7546
7546
|
--pf-t--global--font--weight--100: 400;
|
|
7547
|
-
--pf-t--global--font--weight--200:
|
|
7548
|
-
--pf-t--global--font--weight--300:
|
|
7549
|
-
--pf-t--global--font--weight--400:
|
|
7547
|
+
--pf-t--global--font--weight--200: 600;
|
|
7548
|
+
--pf-t--global--font--weight--300: 600;
|
|
7549
|
+
--pf-t--global--font--weight--400: 800;
|
|
7550
7550
|
--pf-t--global--icon--size--100: 0.75rem;
|
|
7551
7551
|
--pf-t--global--icon--size--200: 0.875rem;
|
|
7552
7552
|
--pf-t--global--icon--size--250: 1rem;
|
|
@@ -8241,6 +8241,7 @@ button) {
|
|
|
8241
8241
|
--pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt);
|
|
8242
8242
|
--pf-t--global--border--radius--glass--default: var(--pf-t--global--border--radius--medium);
|
|
8243
8243
|
--pf-t--global--border--width--glass--default: var(--pf-t--global--border--width--regular);
|
|
8244
|
+
--pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
|
|
8244
8245
|
--pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
|
|
8245
8246
|
--pf-t--global--background--image--default: var(--pf-t--global--background--image--glass, url("./assets/images/PF-Bkg-Generic-Light.svg"));
|
|
8246
8247
|
--pf-t--global--box-shadow--glass--default: var(--pf-t--global--box-shadow--md);
|
|
@@ -8394,6 +8395,7 @@ button) {
|
|
|
8394
8395
|
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
|
|
8395
8396
|
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
|
|
8396
8397
|
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
|
|
8398
|
+
--pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
|
|
8397
8399
|
--pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
|
|
8398
8400
|
--pf-t--global--background--image--default: var(--pf-t--global--background--image--felt--glass, url("./assets/images/Felt-Bkg-Generic-Light.svg"));
|
|
8399
8401
|
}
|
|
@@ -9573,7 +9575,7 @@ button) {
|
|
|
9573
9575
|
overflow-x: hidden;
|
|
9574
9576
|
overflow-y: auto;
|
|
9575
9577
|
overscroll-behavior: contain;
|
|
9576
|
-
overflow-wrap:
|
|
9578
|
+
overflow-wrap: anywhere;
|
|
9577
9579
|
-webkit-overflow-scrolling: touch;
|
|
9578
9580
|
}
|
|
9579
9581
|
@media screen and (min-width: 36rem) {
|
|
@@ -9615,10 +9617,10 @@ button) {
|
|
|
9615
9617
|
--pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
|
|
9616
9618
|
--pf-v6-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
9617
9619
|
--pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
9618
|
-
--pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
9620
|
+
--pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
9619
9621
|
--pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
9620
|
-
--pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
9621
|
-
--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
9622
|
+
--pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
9623
|
+
--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
9622
9624
|
--pf-v6-c-accordion__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
9623
9625
|
--pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
9624
9626
|
--pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
@@ -9930,9 +9932,9 @@ button) {
|
|
|
9930
9932
|
--pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
9931
9933
|
--pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
9932
9934
|
--pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
|
|
9933
|
-
--pf-v6-c-alert__toggle--MarginBlockStart: calc(
|
|
9934
|
-
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(
|
|
9935
|
-
--pf-v6-c-alert__toggle--MarginInlineStart: calc(
|
|
9935
|
+
--pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
9936
|
+
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
9937
|
+
--pf-v6-c-alert__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
9936
9938
|
--pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
9937
9939
|
--pf-v6-c-alert__toggle-icon--Rotate: 0;
|
|
9938
9940
|
--pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
@@ -9944,8 +9946,8 @@ button) {
|
|
|
9944
9946
|
--pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
9945
9947
|
--pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
|
|
9946
9948
|
--pf-v6-c-alert__title--max-lines: 1;
|
|
9947
|
-
--pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
9948
|
-
--pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
9949
|
+
--pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
9950
|
+
--pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
9949
9951
|
--pf-v6-c-alert__action--TranslateY: 0.125rem;
|
|
9950
9952
|
--pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
9951
9953
|
--pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -10068,6 +10070,7 @@ button) {
|
|
|
10068
10070
|
|
|
10069
10071
|
.pf-v6-c-alert__icon {
|
|
10070
10072
|
grid-area: icon;
|
|
10073
|
+
align-self: baseline;
|
|
10071
10074
|
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
10072
10075
|
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
10073
10076
|
color: var(--pf-v6-c-alert__icon--Color);
|
|
@@ -10078,7 +10081,7 @@ button) {
|
|
|
10078
10081
|
grid-area: title;
|
|
10079
10082
|
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
10080
10083
|
color: var(--pf-v6-c-alert__title--Color);
|
|
10081
|
-
overflow-wrap:
|
|
10084
|
+
overflow-wrap: anywhere;
|
|
10082
10085
|
}
|
|
10083
10086
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
10084
10087
|
display: -webkit-box;
|
|
@@ -10090,7 +10093,7 @@ button) {
|
|
|
10090
10093
|
.pf-v6-c-alert__description {
|
|
10091
10094
|
grid-area: description;
|
|
10092
10095
|
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
10093
|
-
overflow-wrap:
|
|
10096
|
+
overflow-wrap: anywhere;
|
|
10094
10097
|
}
|
|
10095
10098
|
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
10096
10099
|
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
@@ -10297,24 +10300,87 @@ button) {
|
|
|
10297
10300
|
--pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
10298
10301
|
--pf-v6-c-avatar--Width: 2.25rem;
|
|
10299
10302
|
--pf-v6-c-avatar--Height: 2.25rem;
|
|
10303
|
+
--pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
|
|
10300
10304
|
--pf-v6-c-avatar--m-sm--Width: 1.5rem;
|
|
10301
10305
|
--pf-v6-c-avatar--m-sm--Height: 1.5rem;
|
|
10306
|
+
--pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
|
|
10302
10307
|
--pf-v6-c-avatar--m-md--Width: 2.25rem;
|
|
10303
10308
|
--pf-v6-c-avatar--m-md--Height: 2.25rem;
|
|
10309
|
+
--pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
|
|
10304
10310
|
--pf-v6-c-avatar--m-lg--Width: 4.5rem;
|
|
10305
10311
|
--pf-v6-c-avatar--m-lg--Height: 4.5rem;
|
|
10312
|
+
--pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
|
|
10306
10313
|
--pf-v6-c-avatar--m-xl--Width: 8rem;
|
|
10307
10314
|
--pf-v6-c-avatar--m-xl--Height: 8rem;
|
|
10315
|
+
--pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
|
|
10308
10316
|
--pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
|
|
10309
10317
|
--pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
10318
|
+
--pf-v6-c-avatar--m-colorful--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
10319
|
+
--pf-v6-c-avatar--m-gray--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10320
|
+
--pf-v6-c-avatar--m-gray--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
|
|
10321
|
+
--pf-v6-c-avatar--m-gray--BorderColor: var(--pf-t--global--border--color--default);
|
|
10322
|
+
--pf-v6-c-avatar--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
|
|
10323
|
+
--pf-v6-c-avatar--m-red--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
|
|
10324
|
+
--pf-v6-c-avatar--m-red--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
|
|
10325
|
+
--pf-v6-c-avatar--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
|
|
10326
|
+
--pf-v6-c-avatar--m-orangered--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
|
|
10327
|
+
--pf-v6-c-avatar--m-orangered--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
|
|
10328
|
+
--pf-v6-c-avatar--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
|
|
10329
|
+
--pf-v6-c-avatar--m-orange--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
|
|
10330
|
+
--pf-v6-c-avatar--m-orange--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
|
|
10331
|
+
--pf-v6-c-avatar--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
|
|
10332
|
+
--pf-v6-c-avatar--m-yellow--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--default);
|
|
10333
|
+
--pf-v6-c-avatar--m-yellow--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--default);
|
|
10334
|
+
--pf-v6-c-avatar--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
|
|
10335
|
+
--pf-v6-c-avatar--m-green--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
|
|
10336
|
+
--pf-v6-c-avatar--m-green--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
|
|
10337
|
+
--pf-v6-c-avatar--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
|
|
10338
|
+
--pf-v6-c-avatar--m-teal--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--default);
|
|
10339
|
+
--pf-v6-c-avatar--m-teal--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--default);
|
|
10340
|
+
--pf-v6-c-avatar--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
|
|
10341
|
+
--pf-v6-c-avatar--m-blue--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
|
|
10342
|
+
--pf-v6-c-avatar--m-blue--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
|
|
10343
|
+
--pf-v6-c-avatar--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
|
10344
|
+
--pf-v6-c-avatar--m-purple--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
|
|
10345
|
+
--pf-v6-c-avatar--m-purple--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
|
|
10346
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
10347
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
10348
|
+
--pf-v6-c-avatar--m-sm__initials--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
10349
|
+
--pf-v6-c-avatar--m-sm__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
10350
|
+
--pf-v6-c-avatar--m-lg__initials--FontSize: var(--pf-t--global--font--size--2xl);
|
|
10351
|
+
--pf-v6-c-avatar--m-lg__initials--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
10352
|
+
--pf-v6-c-avatar--m-lg__initials--FontFamily: var(--pf-t--global--font--family--heading);
|
|
10353
|
+
--pf-v6-c-avatar--m-xl__initials--FontSize: var(--pf-t--global--font--size--4xl);
|
|
10354
|
+
--pf-v6-c-avatar--m-xl__initials--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
10355
|
+
--pf-v6-c-avatar--m-xl__initials--FontFamily: var(--pf-t--global--font--family--heading);
|
|
10356
|
+
--pf-v6-c-avatar--m-gray__initials--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
|
|
10357
|
+
--pf-v6-c-avatar--m-red__initials--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
|
|
10358
|
+
--pf-v6-c-avatar--m-orangered__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
|
|
10359
|
+
--pf-v6-c-avatar--m-orange__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
|
|
10360
|
+
--pf-v6-c-avatar--m-yellow__initials--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
|
|
10361
|
+
--pf-v6-c-avatar--m-green__initials--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
|
|
10362
|
+
--pf-v6-c-avatar--m-teal__initials--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
|
|
10363
|
+
--pf-v6-c-avatar--m-blue__initials--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
|
|
10364
|
+
--pf-v6-c-avatar--m-purple__initials--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
10310
10365
|
}
|
|
10311
10366
|
|
|
10312
10367
|
.pf-v6-c-avatar {
|
|
10313
10368
|
width: var(--pf-v6-c-avatar--Width);
|
|
10314
10369
|
height: var(--pf-v6-c-avatar--Height);
|
|
10370
|
+
font-size: var(--pf-v6-c-avatar--FontSize);
|
|
10371
|
+
color: var(--pf-v6-c-avatar--Color, inherit);
|
|
10372
|
+
background-color: var(--pf-v6-c-avatar--BackgroundColor, transparent);
|
|
10315
10373
|
border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
|
|
10316
10374
|
border-radius: var(--pf-v6-c-avatar--BorderRadius);
|
|
10317
10375
|
}
|
|
10376
|
+
div.pf-v6-c-avatar {
|
|
10377
|
+
display: inline-flex;
|
|
10378
|
+
align-items: center;
|
|
10379
|
+
justify-content: center;
|
|
10380
|
+
overflow: clip;
|
|
10381
|
+
vertical-align: middle;
|
|
10382
|
+
}
|
|
10383
|
+
|
|
10318
10384
|
.pf-v6-c-avatar.pf-m-bordered {
|
|
10319
10385
|
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
|
|
10320
10386
|
--pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
|
|
@@ -10543,6 +10609,87 @@ button) {
|
|
|
10543
10609
|
--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))))));
|
|
10544
10610
|
}
|
|
10545
10611
|
}
|
|
10612
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
10613
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-sm--FontSize);
|
|
10614
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-sm__initials--FontSize);
|
|
10615
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-sm__initials--FontWeight);
|
|
10616
|
+
}
|
|
10617
|
+
.pf-v6-c-avatar.pf-m-lg {
|
|
10618
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-lg--FontSize);
|
|
10619
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-lg__initials--FontSize);
|
|
10620
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-lg__initials--FontWeight);
|
|
10621
|
+
--pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-lg__initials--FontFamily);
|
|
10622
|
+
}
|
|
10623
|
+
.pf-v6-c-avatar.pf-m-xl {
|
|
10624
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-xl--FontSize);
|
|
10625
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-xl__initials--FontSize);
|
|
10626
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-xl__initials--FontWeight);
|
|
10627
|
+
--pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-xl__initials--FontFamily);
|
|
10628
|
+
}
|
|
10629
|
+
.pf-v6-c-avatar.pf-m-colorful {
|
|
10630
|
+
--pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-colorful--BorderWidth);
|
|
10631
|
+
}
|
|
10632
|
+
.pf-v6-c-avatar.pf-m-red {
|
|
10633
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
|
|
10634
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-red--Color);
|
|
10635
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
|
|
10636
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-red__initials--Color);
|
|
10637
|
+
}
|
|
10638
|
+
.pf-v6-c-avatar.pf-m-orangered {
|
|
10639
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
|
|
10640
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orangered--Color);
|
|
10641
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
|
|
10642
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orangered__initials--Color);
|
|
10643
|
+
}
|
|
10644
|
+
.pf-v6-c-avatar.pf-m-orange {
|
|
10645
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
|
|
10646
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orange--Color);
|
|
10647
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
|
|
10648
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orange__initials--Color);
|
|
10649
|
+
}
|
|
10650
|
+
.pf-v6-c-avatar.pf-m-yellow {
|
|
10651
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
|
|
10652
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-yellow--Color);
|
|
10653
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
|
|
10654
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-yellow__initials--Color);
|
|
10655
|
+
}
|
|
10656
|
+
.pf-v6-c-avatar.pf-m-green {
|
|
10657
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
|
|
10658
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-green--Color);
|
|
10659
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
|
|
10660
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-green__initials--Color);
|
|
10661
|
+
}
|
|
10662
|
+
.pf-v6-c-avatar.pf-m-teal {
|
|
10663
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
|
|
10664
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-teal--Color);
|
|
10665
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
|
|
10666
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-teal__initials--Color);
|
|
10667
|
+
}
|
|
10668
|
+
.pf-v6-c-avatar.pf-m-blue {
|
|
10669
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
|
|
10670
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-blue--Color);
|
|
10671
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
|
|
10672
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-blue__initials--Color);
|
|
10673
|
+
}
|
|
10674
|
+
.pf-v6-c-avatar.pf-m-purple {
|
|
10675
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
|
|
10676
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-purple--Color);
|
|
10677
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
|
|
10678
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-purple__initials--Color);
|
|
10679
|
+
}
|
|
10680
|
+
.pf-v6-c-avatar.pf-m-gray {
|
|
10681
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
|
|
10682
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-gray--Color);
|
|
10683
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
|
|
10684
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-gray__initials--Color);
|
|
10685
|
+
}
|
|
10686
|
+
|
|
10687
|
+
.pf-v6-c-avatar__initials {
|
|
10688
|
+
font-family: var(--pf-v6-c-avatar__initials--FontFamily, revert);
|
|
10689
|
+
font-size: var(--pf-v6-c-avatar__initials--FontSize);
|
|
10690
|
+
font-weight: var(--pf-v6-c-avatar__initials--FontWeight);
|
|
10691
|
+
color: var(--pf-v6-c-avatar__initials--Color);
|
|
10692
|
+
}
|
|
10546
10693
|
|
|
10547
10694
|
.pf-v6-c-backdrop {
|
|
10548
10695
|
--pf-v6-c-backdrop--Position: fixed;
|
|
@@ -10721,7 +10868,9 @@ button) {
|
|
|
10721
10868
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
10722
10869
|
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
10723
10870
|
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
10871
|
+
--pf-v6-c-banner--link--clicked--Color: var(--pf-v6-c-banner--Color);
|
|
10724
10872
|
--pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
10873
|
+
--pf-v6-c-banner--link--TextDecorationColor: currentcolor;
|
|
10725
10874
|
--pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
|
|
10726
10875
|
--pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
10727
10876
|
--pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
@@ -10830,6 +10979,7 @@ button) {
|
|
|
10830
10979
|
.pf-v6-c-banner a {
|
|
10831
10980
|
color: var(--pf-v6-c-banner--link--Color);
|
|
10832
10981
|
text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
|
|
10982
|
+
text-decoration-color: var(--pf-v6-c-banner--a--TextDecorationColor);
|
|
10833
10983
|
}
|
|
10834
10984
|
.pf-v6-c-banner a:hover:not(.pf-m-disabled) {
|
|
10835
10985
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
@@ -10841,7 +10991,11 @@ button) {
|
|
|
10841
10991
|
.pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
|
|
10842
10992
|
--pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
|
|
10843
10993
|
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
10994
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-v6-c-banner--link--clicked--Color);
|
|
10844
10995
|
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
|
|
10996
|
+
--pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
|
|
10997
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
|
|
10998
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
|
|
10845
10999
|
text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
|
|
10846
11000
|
}
|
|
10847
11001
|
.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 {
|
|
@@ -10936,9 +11090,9 @@ button) {
|
|
|
10936
11090
|
--pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
10937
11091
|
--pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
|
|
10938
11092
|
--pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
|
|
10939
|
-
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
11093
|
+
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
10940
11094
|
--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
10941
|
-
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
11095
|
+
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
10942
11096
|
--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
10943
11097
|
}
|
|
10944
11098
|
|
|
@@ -10986,7 +11140,7 @@ button) {
|
|
|
10986
11140
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
10987
11141
|
line-height: inherit;
|
|
10988
11142
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
10989
|
-
overflow-wrap:
|
|
11143
|
+
overflow-wrap: anywhere;
|
|
10990
11144
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
10991
11145
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
10992
11146
|
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
@@ -11158,6 +11312,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11158
11312
|
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
11159
11313
|
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
11160
11314
|
--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
|
|
11315
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
|
|
11316
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
11317
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
11318
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
|
|
11161
11319
|
--pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
|
|
11162
11320
|
--pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
|
|
11163
11321
|
--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);
|
|
@@ -11172,6 +11330,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11172
11330
|
--pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
11173
11331
|
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
11174
11332
|
--pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
11333
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
11334
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
11175
11335
|
--pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
11176
11336
|
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
11177
11337
|
--pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
@@ -11277,6 +11437,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11277
11437
|
--pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
|
|
11278
11438
|
--pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
|
|
11279
11439
|
--pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
|
|
11440
|
+
--pf-v6-c-button--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
|
|
11280
11441
|
--pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
11281
11442
|
--pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
|
|
11282
11443
|
--pf-v6-c-button--m-display-lg--hover--TextDecorationColor: var(--pf-t--global--border--color--control--default);
|
|
@@ -11352,7 +11513,6 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11352
11513
|
--pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
|
|
11353
11514
|
--pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
11354
11515
|
--pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
|
|
11355
|
-
--pf-v6-c-button__progress--Opacity: 0;
|
|
11356
11516
|
--pf-v6-c-button__progress--TranslateY: -50%;
|
|
11357
11517
|
--pf-v6-c-button__progress--TranslateX: 0;
|
|
11358
11518
|
--pf-v6-c-button__progress--InsetBlockStart: 50%;
|
|
@@ -11544,9 +11704,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11544
11704
|
--pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
|
|
11545
11705
|
--pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
|
|
11546
11706
|
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
|
|
11547
|
-
--pf-v6-c-button--
|
|
11707
|
+
--pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine);
|
|
11708
|
+
--pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle);
|
|
11709
|
+
--pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor);
|
|
11710
|
+
--pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
|
|
11548
11711
|
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
|
|
11549
11712
|
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
|
11713
|
+
--pf-v6-c-button--m-link--m-clicked--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked--Color);
|
|
11714
|
+
--pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color);
|
|
11550
11715
|
--pf-v6-c-button--BorderWidth: 0;
|
|
11551
11716
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
11552
11717
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
@@ -11559,6 +11724,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11559
11724
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
11560
11725
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
11561
11726
|
}
|
|
11727
|
+
.pf-v6-c-button.pf-m-link.pf-m-inline:active, .pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-clicked {
|
|
11728
|
+
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
|
|
11729
|
+
}
|
|
11562
11730
|
.pf-v6-c-button.pf-m-link.pf-m-danger {
|
|
11563
11731
|
--pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
|
|
11564
11732
|
--pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
|
|
@@ -11779,7 +11947,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11779
11947
|
--pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
|
11780
11948
|
--pf-v6-c-button__icon--TransitionDuration: 0s;
|
|
11781
11949
|
--pf-v6-c-button__icon--TransitionProperty: scale;
|
|
11782
|
-
--pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
|
11783
11950
|
--pf-v6-c-button--hover__icon--TransitionDuration: 0s;
|
|
11784
11951
|
--pf-v6-c-button--hover__icon--TransitionProperty: scale;
|
|
11785
11952
|
}
|
|
@@ -11855,7 +12022,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11855
12022
|
background: var(--pf-v6-c-button--disabled--BackgroundColor);
|
|
11856
12023
|
}
|
|
11857
12024
|
.pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
|
|
11858
|
-
border-color:
|
|
12025
|
+
border-color: var(--pf-v6-c-button--disabled--BorderColor);
|
|
11859
12026
|
}
|
|
11860
12027
|
.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 {
|
|
11861
12028
|
color: var(--pf-v6-c-button--disabled__icon--Color);
|
|
@@ -11892,6 +12059,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11892
12059
|
justify-content: flex-start;
|
|
11893
12060
|
width: 100%;
|
|
11894
12061
|
}
|
|
12062
|
+
.pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
|
|
12063
|
+
min-width: 1lh;
|
|
12064
|
+
}
|
|
11895
12065
|
@media (min-width: 62rem) {
|
|
11896
12066
|
.pf-v6-c-button.pf-m-docked {
|
|
11897
12067
|
justify-content: center;
|
|
@@ -12260,13 +12430,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12260
12430
|
--pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
|
|
12261
12431
|
--pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
12262
12432
|
--pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
12263
|
-
--pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
12264
|
-
--pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
12433
|
+
--pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
12434
|
+
--pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
12265
12435
|
--pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
|
|
12266
12436
|
--pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
|
|
12267
|
-
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
12437
|
+
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
12268
12438
|
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
12269
|
-
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
12439
|
+
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
12270
12440
|
--pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
12271
12441
|
--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
12272
12442
|
--pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
@@ -12804,7 +12974,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12804
12974
|
}
|
|
12805
12975
|
|
|
12806
12976
|
.pf-v6-c-clipboard-copy__text {
|
|
12807
|
-
overflow-wrap:
|
|
12977
|
+
overflow-wrap: anywhere;
|
|
12808
12978
|
white-space: normal;
|
|
12809
12979
|
}
|
|
12810
12980
|
.pf-v6-c-clipboard-copy__text.pf-m-code {
|
|
@@ -14233,7 +14403,7 @@ ul) {
|
|
|
14233
14403
|
--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
|
|
14234
14404
|
--pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
14235
14405
|
--pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
14236
|
-
--pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(
|
|
14406
|
+
--pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
14237
14407
|
--pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
14238
14408
|
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
|
|
14239
14409
|
--pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
@@ -14266,8 +14436,8 @@ ul) {
|
|
|
14266
14436
|
--pf-v6-c-data-list--cell--WordBreak: normal;
|
|
14267
14437
|
--pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
|
|
14268
14438
|
--pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
14269
|
-
--pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
14270
|
-
--pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
14439
|
+
--pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
14440
|
+
--pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
14271
14441
|
--pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
|
|
14272
14442
|
--pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
14273
14443
|
--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
@@ -14298,8 +14468,8 @@ ul) {
|
|
|
14298
14468
|
--pf-v6-c-data-list__item-action--Display: flex;
|
|
14299
14469
|
--pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
14300
14470
|
--pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
14301
|
-
--pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--
|
|
14302
|
-
--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--
|
|
14471
|
+
--pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--plain);
|
|
14472
|
+
--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--plain);
|
|
14303
14473
|
--pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
14304
14474
|
--pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
14305
14475
|
--pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
@@ -14975,6 +15145,7 @@ ul) {
|
|
|
14975
15145
|
--pf-v6-c-draggable--m-dragging--Cursor: grabbing;
|
|
14976
15146
|
--pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
14977
15147
|
--pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
|
|
15148
|
+
--pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
14978
15149
|
--pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
14979
15150
|
--pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
14980
15151
|
--pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
@@ -14989,6 +15160,7 @@ ul) {
|
|
|
14989
15160
|
--pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
|
|
14990
15161
|
position: relative;
|
|
14991
15162
|
background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
|
|
15163
|
+
border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
|
|
14992
15164
|
box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
|
|
14993
15165
|
}
|
|
14994
15166
|
.pf-v6-c-draggable.pf-m-dragging::after {
|
|
@@ -15008,6 +15180,7 @@ ul) {
|
|
|
15008
15180
|
|
|
15009
15181
|
.pf-v6-c-droppable {
|
|
15010
15182
|
--pf-v6-c-droppable--before--BackgroundColor: transparent;
|
|
15183
|
+
--pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
15011
15184
|
--pf-v6-c-droppable--before--Opacity: 0;
|
|
15012
15185
|
--pf-v6-c-droppable--after--BorderWidth: 0;
|
|
15013
15186
|
--pf-v6-c-droppable--after--BorderColor: transparent;
|
|
@@ -15030,6 +15203,7 @@ ul) {
|
|
|
15030
15203
|
}
|
|
15031
15204
|
.pf-v6-c-droppable::before {
|
|
15032
15205
|
background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
|
|
15206
|
+
border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
|
|
15033
15207
|
opacity: var(--pf-v6-c-droppable--before--Opacity);
|
|
15034
15208
|
}
|
|
15035
15209
|
.pf-v6-c-droppable::after {
|
|
@@ -15125,7 +15299,7 @@ ul) {
|
|
|
15125
15299
|
--pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
15126
15300
|
--pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
15127
15301
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
|
|
15128
|
-
--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate:
|
|
15302
|
+
--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
|
|
15129
15303
|
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
15130
15304
|
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
15131
15305
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
@@ -17735,6 +17909,10 @@ ul) {
|
|
|
17735
17909
|
--pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
|
17736
17910
|
--pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
17737
17911
|
--pf-v6-c-form-control--Width: 100%;
|
|
17912
|
+
--pf-v6-c-form-control--TransitionDelay: 0s;
|
|
17913
|
+
--pf-v6-c-form-control--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
17914
|
+
--pf-v6-c-form-control--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
17915
|
+
--pf-v6-c-form-control--TransitionProperty: color, background-color, border-color;
|
|
17738
17916
|
--pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
|
|
17739
17917
|
--pf-v6-c-form-control--PaddingBlockStart--base: var(--pf-t--global--spacer--control--vertical--default);
|
|
17740
17918
|
--pf-v6-c-form-control--PaddingBlockEnd--base: var(--pf-t--global--spacer--control--vertical--default);
|
|
@@ -17840,12 +18018,17 @@ ul) {
|
|
|
17840
18018
|
resize: var(--pf-v6-c-form-control--Resize);
|
|
17841
18019
|
background-color: var(--pf-v6-c-form-control--BackgroundColor);
|
|
17842
18020
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
18021
|
+
transition-delay: var(--pf-v6-c-form-control--TransitionDelay);
|
|
18022
|
+
transition-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction);
|
|
18023
|
+
transition-duration: var(--pf-v6-c-form-control--TransitionDuration);
|
|
18024
|
+
transition-property: var(--pf-v6-c-form-control--TransitionProperty);
|
|
17843
18025
|
}
|
|
17844
18026
|
.pf-v6-c-form-control::before, .pf-v6-c-form-control::after {
|
|
17845
18027
|
position: absolute;
|
|
17846
18028
|
inset: 0;
|
|
17847
18029
|
pointer-events: none;
|
|
17848
18030
|
content: "";
|
|
18031
|
+
transition: inherit;
|
|
17849
18032
|
}
|
|
17850
18033
|
.pf-v6-c-form-control::before {
|
|
17851
18034
|
border-color: var(--pf-v6-c-form-control--before--BorderColor);
|
|
@@ -17941,10 +18124,11 @@ ul) {
|
|
|
17941
18124
|
--pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color);
|
|
17942
18125
|
--pf-v6-c-form-control--m-placeholder--Color: var(--pf-v6-c-form-control--m-disabled--Color);
|
|
17943
18126
|
--pf-v6-c-form-control__toggle-icon--Color: var(--pf-v6-c-form-control--m-disabled__toggle-icon--Color);
|
|
17944
|
-
--pf-v6-c-form-control--before--BorderStyle: none;
|
|
17945
|
-
--pf-v6-c-form-control--after--BorderStyle: none;
|
|
17946
18127
|
cursor: not-allowed;
|
|
17947
18128
|
}
|
|
18129
|
+
.pf-v6-c-form-control.pf-m-disabled::before, .pf-v6-c-form-control.pf-m-disabled::after {
|
|
18130
|
+
border-color: transparent;
|
|
18131
|
+
}
|
|
17948
18132
|
.pf-v6-c-form-control.pf-m-error {
|
|
17949
18133
|
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
|
|
17950
18134
|
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
|
|
@@ -18265,8 +18449,8 @@ ul) {
|
|
|
18265
18449
|
--pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
18266
18450
|
--pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
18267
18451
|
--pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
|
|
18268
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
18269
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
18452
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
18453
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
18270
18454
|
}
|
|
18271
18455
|
|
|
18272
18456
|
.pf-v6-c-hint {
|
|
@@ -19551,7 +19735,6 @@ label.pf-v6-c-input-group__text {
|
|
|
19551
19735
|
position: absolute;
|
|
19552
19736
|
inset: 0;
|
|
19553
19737
|
z-index: -1;
|
|
19554
|
-
pointer-events: none;
|
|
19555
19738
|
content: "";
|
|
19556
19739
|
background-color: var(--pf-v6-c-label--BackgroundColor);
|
|
19557
19740
|
border: var(--pf-v6-c-label--BorderWidth) solid var(--pf-v6-c-label--BorderColor);
|
|
@@ -19570,8 +19753,15 @@ input.pf-v6-c-label__content {
|
|
|
19570
19753
|
.pf-v6-c-label__actions {
|
|
19571
19754
|
margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
|
|
19572
19755
|
}
|
|
19573
|
-
.pf-v6-c-label
|
|
19574
|
-
--pf-v6-c-
|
|
19756
|
+
.pf-v6-c-label .pf-v6-c-label__actions .pf-v6-c-button {
|
|
19757
|
+
padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
|
|
19758
|
+
padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
|
|
19759
|
+
padding-inline-end: var(--pf-v6-c-label--PaddingInlineEnd);
|
|
19760
|
+
margin-block-start: calc(var(--pf-v6-c-label--PaddingBlockStart) * -1);
|
|
19761
|
+
margin-block-end: calc(var(--pf-v6-c-label--PaddingBlockEnd) * -1);
|
|
19762
|
+
margin-inline-end: calc(var(--pf-v6-c-label--PaddingInlineEnd) * -1);
|
|
19763
|
+
border-start-end-radius: var(--pf-v6-c-label--BorderRadius);
|
|
19764
|
+
border-end-end-radius: var(--pf-v6-c-label--BorderRadius);
|
|
19575
19765
|
}
|
|
19576
19766
|
|
|
19577
19767
|
.pf-v6-c-label__actions .pf-v6-c-button {
|
|
@@ -20081,7 +20271,7 @@ ul.pf-v6-c-list {
|
|
|
20081
20271
|
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
20082
20272
|
--pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
20083
20273
|
--pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
|
|
20084
|
-
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--
|
|
20274
|
+
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
|
|
20085
20275
|
--pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
|
|
20086
20276
|
--pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
20087
20277
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
@@ -20928,7 +21118,7 @@ ul.pf-v6-c-list {
|
|
|
20928
21118
|
--pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
|
|
20929
21119
|
--pf-v6-c-menu__item-external--Color: transparent;
|
|
20930
21120
|
--pf-v6-c-menu__item-select-icon--Color: transparent;
|
|
20931
|
-
--pf-v6-c-menu__item-description--Color: var(--pf-v6-c-
|
|
21121
|
+
--pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
|
|
20932
21122
|
--pf-v6-c-menu__list-item--BackgroundColor: transparent;
|
|
20933
21123
|
--pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
|
|
20934
21124
|
--pf-v6-c-menu__list-item--hover--BorderColor: transparent;
|
|
@@ -21295,7 +21485,7 @@ ul.pf-v6-c-list {
|
|
|
21295
21485
|
.pf-v6-c-menu__item-description {
|
|
21296
21486
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
21297
21487
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
21298
|
-
overflow-wrap:
|
|
21488
|
+
overflow-wrap: anywhere;
|
|
21299
21489
|
}
|
|
21300
21490
|
|
|
21301
21491
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -21712,6 +21902,9 @@ ul.pf-v6-c-list {
|
|
|
21712
21902
|
justify-content: flex-start;
|
|
21713
21903
|
width: 100%;
|
|
21714
21904
|
}
|
|
21905
|
+
.pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
|
|
21906
|
+
min-width: 1lh;
|
|
21907
|
+
}
|
|
21715
21908
|
@media (min-width: 62rem) {
|
|
21716
21909
|
.pf-v6-c-menu-toggle.pf-m-docked {
|
|
21717
21910
|
justify-content: center;
|
|
@@ -21940,7 +22133,7 @@ ul.pf-v6-c-list {
|
|
|
21940
22133
|
--pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
21941
22134
|
--pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
|
|
21942
22135
|
--pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
|
|
21943
|
-
--pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--
|
|
22136
|
+
--pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
21944
22137
|
--pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
21945
22138
|
--pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
21946
22139
|
--pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
@@ -21962,8 +22155,8 @@ ul.pf-v6-c-list {
|
|
|
21962
22155
|
--pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
21963
22156
|
--pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
21964
22157
|
--pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
21965
|
-
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--
|
|
21966
|
-
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd:
|
|
22158
|
+
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
22159
|
+
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
21967
22160
|
}
|
|
21968
22161
|
|
|
21969
22162
|
.pf-v6-c-modal-box {
|
|
@@ -22089,7 +22282,7 @@ ul.pf-v6-c-list {
|
|
|
22089
22282
|
overflow-x: hidden;
|
|
22090
22283
|
overflow-y: auto;
|
|
22091
22284
|
overscroll-behavior: contain;
|
|
22092
|
-
overflow-wrap:
|
|
22285
|
+
overflow-wrap: anywhere;
|
|
22093
22286
|
-webkit-overflow-scrolling: touch;
|
|
22094
22287
|
}
|
|
22095
22288
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -22325,8 +22518,8 @@ ul.pf-v6-c-list {
|
|
|
22325
22518
|
}
|
|
22326
22519
|
|
|
22327
22520
|
.pf-v6-c-nav {
|
|
22328
|
-
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
22329
|
-
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
22521
|
+
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
22522
|
+
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
22330
22523
|
--pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
22331
22524
|
--pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
22332
22525
|
--pf-v6-c-nav__list--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -22963,7 +23156,7 @@ ul.pf-v6-c-list {
|
|
|
22963
23156
|
|
|
22964
23157
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
22965
23158
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
22966
|
-
overflow-wrap:
|
|
23159
|
+
overflow-wrap: anywhere;
|
|
22967
23160
|
}
|
|
22968
23161
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
22969
23162
|
display: -webkit-box;
|
|
@@ -22985,7 +23178,7 @@ ul.pf-v6-c-list {
|
|
|
22985
23178
|
grid-row: 2/3;
|
|
22986
23179
|
grid-column: 1/2;
|
|
22987
23180
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
22988
|
-
overflow-wrap:
|
|
23181
|
+
overflow-wrap: anywhere;
|
|
22989
23182
|
}
|
|
22990
23183
|
|
|
22991
23184
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -23030,7 +23223,7 @@ ul.pf-v6-c-list {
|
|
|
23030
23223
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
23031
23224
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
23032
23225
|
text-align: start;
|
|
23033
|
-
overflow-wrap:
|
|
23226
|
+
overflow-wrap: anywhere;
|
|
23034
23227
|
}
|
|
23035
23228
|
|
|
23036
23229
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -23107,11 +23300,6 @@ ul.pf-v6-c-list {
|
|
|
23107
23300
|
.pf-v6-c-page {
|
|
23108
23301
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
23109
23302
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23110
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
23111
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
|
|
23112
|
-
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
23113
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23114
|
-
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
23115
23303
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
23116
23304
|
--pf-v6-c-page__dock--Width: 15.625rem;
|
|
23117
23305
|
--pf-v6-c-page__dock--desktop--Width: auto;
|
|
@@ -23125,11 +23313,17 @@ ul.pf-v6-c-list {
|
|
|
23125
23313
|
--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
|
|
23126
23314
|
--pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
|
|
23127
23315
|
--pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
|
|
23128
|
-
--pf-v6-c-page__dock-main--BorderInlineEndWidth:
|
|
23316
|
+
--pf-v6-c-page__dock-main--BorderInlineEndWidth: 0;
|
|
23129
23317
|
--pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
|
|
23130
|
-
--pf-v6-c-page__dock-main--desktop--
|
|
23318
|
+
--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
|
|
23319
|
+
--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
|
|
23131
23320
|
--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));
|
|
23132
|
-
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor:
|
|
23321
|
+
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: transparent;
|
|
23322
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
23323
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23324
|
+
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23325
|
+
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23326
|
+
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
23133
23327
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
23134
23328
|
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
23135
23329
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
@@ -23300,20 +23494,17 @@ ul.pf-v6-c-list {
|
|
|
23300
23494
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
23301
23495
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
23302
23496
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
23303
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
23304
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
23305
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23306
23497
|
--pf-v6-c-page--BackgroundColor--glass: transparent;
|
|
23307
23498
|
--pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
23308
|
-
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
23309
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--
|
|
23310
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--
|
|
23499
|
+
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23500
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
|
|
23501
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
23311
23502
|
--pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
23312
23503
|
--pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
23313
23504
|
--pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
23314
|
-
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--
|
|
23315
|
-
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--
|
|
23316
|
-
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--
|
|
23505
|
+
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
23506
|
+
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
23507
|
+
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
23317
23508
|
--pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
23318
23509
|
--pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
23319
23510
|
--pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
|
|
@@ -23324,9 +23515,11 @@ ul.pf-v6-c-list {
|
|
|
23324
23515
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
|
|
23325
23516
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23326
23517
|
--pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23327
|
-
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--
|
|
23328
|
-
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
23329
|
-
--pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome)
|
|
23518
|
+
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23519
|
+
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23520
|
+
--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));
|
|
23521
|
+
--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));
|
|
23522
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23330
23523
|
}
|
|
23331
23524
|
:where(.pf-v6-theme-glass) .pf-v6-c-page {
|
|
23332
23525
|
--pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
|
|
@@ -23349,6 +23542,8 @@ ul.pf-v6-c-list {
|
|
|
23349
23542
|
--pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
|
|
23350
23543
|
--pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
|
|
23351
23544
|
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
|
|
23545
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
|
|
23546
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
|
|
23352
23547
|
}
|
|
23353
23548
|
@media (min-width: 75rem) {
|
|
23354
23549
|
.pf-v6-c-page {
|
|
@@ -23519,8 +23714,6 @@ ul.pf-v6-c-list {
|
|
|
23519
23714
|
}
|
|
23520
23715
|
@media (min-width: 62rem) {
|
|
23521
23716
|
.pf-v6-c-page__dock {
|
|
23522
|
-
--pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
|
|
23523
|
-
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
23524
23717
|
position: revert;
|
|
23525
23718
|
inset: revert;
|
|
23526
23719
|
visibility: revert;
|
|
@@ -23548,6 +23741,9 @@ ul.pf-v6-c-list {
|
|
|
23548
23741
|
}
|
|
23549
23742
|
@media (min-width: 62rem) {
|
|
23550
23743
|
.pf-v6-c-page__dock-main {
|
|
23744
|
+
--pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
|
|
23745
|
+
--pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
|
|
23746
|
+
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
23551
23747
|
--pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
|
|
23552
23748
|
--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
|
|
23553
23749
|
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
|
|
@@ -24281,7 +24477,8 @@ ul.pf-v6-c-list {
|
|
|
24281
24477
|
--pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
|
|
24282
24478
|
--pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
|
|
24283
24479
|
--pf-v6-c-pagination--m-sticky--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
|
|
24284
|
-
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--
|
|
24480
|
+
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
|
|
24481
|
+
--pf-v6-c-pagination--m-bottom--BorderRadius: 0;
|
|
24285
24482
|
--pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
24286
24483
|
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
24287
24484
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
@@ -24295,6 +24492,8 @@ ul.pf-v6-c-list {
|
|
|
24295
24492
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
|
|
24296
24493
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
24297
24494
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
24495
|
+
--pf-v6-c-pagination--m-bottom--m-static--BorderRadius: 0;
|
|
24496
|
+
--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor: transparent;
|
|
24298
24497
|
--pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
|
|
24299
24498
|
}
|
|
24300
24499
|
:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
|
|
@@ -24302,6 +24501,9 @@ ul.pf-v6-c-list {
|
|
|
24302
24501
|
--pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
24303
24502
|
--pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
|
|
24304
24503
|
--pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
24504
|
+
--pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
24505
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
24506
|
+
--pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
|
|
24305
24507
|
}
|
|
24306
24508
|
.pf-v6-c-pagination {
|
|
24307
24509
|
--pf-v6-c-pagination__page-menu--Display--base: block;
|
|
@@ -24313,6 +24515,7 @@ ul.pf-v6-c-list {
|
|
|
24313
24515
|
}
|
|
24314
24516
|
@media screen and (min-width: 48rem) {
|
|
24315
24517
|
.pf-v6-c-pagination {
|
|
24518
|
+
--pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
|
|
24316
24519
|
--pf-v6-c-pagination--m-bottom--BoxShadow: none;
|
|
24317
24520
|
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
|
|
24318
24521
|
--pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
|
|
@@ -24338,9 +24541,6 @@ ul.pf-v6-c-list {
|
|
|
24338
24541
|
border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
|
|
24339
24542
|
border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
|
|
24340
24543
|
}
|
|
24341
|
-
: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) {
|
|
24342
|
-
--pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
|
|
24343
|
-
}
|
|
24344
24544
|
.pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
|
|
24345
24545
|
display: var(--pf-v6-c-pagination__page-menu--Display);
|
|
24346
24546
|
}
|
|
@@ -24356,11 +24556,9 @@ ul.pf-v6-c-list {
|
|
|
24356
24556
|
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
|
|
24357
24557
|
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
|
|
24358
24558
|
background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
|
|
24559
|
+
border-radius: var(--pf-v6-c-pagination--m-bottom--BorderRadius);
|
|
24359
24560
|
box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
|
|
24360
24561
|
}
|
|
24361
|
-
:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination.pf-m-bottom.pf-m-sticky-base:not(.pf-m-sticky-stuck) {
|
|
24362
|
-
--pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
|
|
24363
|
-
}
|
|
24364
24562
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
|
|
24365
24563
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
|
|
24366
24564
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
|
|
@@ -24379,6 +24577,7 @@ ul.pf-v6-c-list {
|
|
|
24379
24577
|
.pf-v6-c-pagination.pf-m-bottom {
|
|
24380
24578
|
--pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
|
|
24381
24579
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
|
|
24580
|
+
--pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
|
|
24382
24581
|
position: relative;
|
|
24383
24582
|
justify-content: flex-end;
|
|
24384
24583
|
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
|
|
@@ -24403,12 +24602,14 @@ ul.pf-v6-c-list {
|
|
|
24403
24602
|
}
|
|
24404
24603
|
}
|
|
24405
24604
|
.pf-v6-c-pagination.pf-m-static {
|
|
24605
|
+
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor);
|
|
24406
24606
|
position: relative;
|
|
24407
24607
|
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
|
|
24408
24608
|
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
|
|
24409
24609
|
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
|
|
24410
24610
|
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
|
|
24411
24611
|
border: 0;
|
|
24612
|
+
border-radius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
|
|
24412
24613
|
box-shadow: none;
|
|
24413
24614
|
}
|
|
24414
24615
|
.pf-v6-c-pagination.pf-m-sticky {
|
|
@@ -24681,7 +24882,7 @@ ul.pf-v6-c-list {
|
|
|
24681
24882
|
--pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
24682
24883
|
--pf-v6-c-panel--BoxShadow: none;
|
|
24683
24884
|
--pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
24684
|
-
--pf-v6-c-panel--before--BorderWidth:
|
|
24885
|
+
--pf-v6-c-panel--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
24685
24886
|
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
24686
24887
|
--pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
24687
24888
|
--pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
@@ -24861,7 +25062,7 @@ ul.pf-v6-c-list {
|
|
|
24861
25062
|
--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
|
|
24862
25063
|
--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
|
|
24863
25064
|
--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
|
|
24864
|
-
--pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--
|
|
25065
|
+
--pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain));
|
|
24865
25066
|
--pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
|
|
24866
25067
|
--pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
24867
25068
|
--pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -25162,7 +25363,7 @@ ul.pf-v6-c-list {
|
|
|
25162
25363
|
|
|
25163
25364
|
.pf-v6-c-progress__description {
|
|
25164
25365
|
grid-column: 1/2;
|
|
25165
|
-
overflow-wrap:
|
|
25366
|
+
overflow-wrap: anywhere;
|
|
25166
25367
|
}
|
|
25167
25368
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
25168
25369
|
overflow: hidden;
|
|
@@ -25178,7 +25379,7 @@ ul.pf-v6-c-list {
|
|
|
25178
25379
|
align-items: flex-start;
|
|
25179
25380
|
justify-content: flex-end;
|
|
25180
25381
|
text-align: end;
|
|
25181
|
-
overflow-wrap:
|
|
25382
|
+
overflow-wrap: anywhere;
|
|
25182
25383
|
}
|
|
25183
25384
|
|
|
25184
25385
|
.pf-v6-c-progress__status-icon {
|
|
@@ -26096,6 +26297,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26096
26297
|
--pf-v6-c-sidebar__panel--Position: static;
|
|
26097
26298
|
--pf-v6-c-sidebar__panel--InsetBlockStart: auto;
|
|
26098
26299
|
}
|
|
26300
|
+
.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) {
|
|
26301
|
+
--pf-v6-c-sidebar__panel--BackgroundColor: transparent;
|
|
26302
|
+
}
|
|
26099
26303
|
.pf-v6-c-sidebar__panel.pf-m-secondary {
|
|
26100
26304
|
--pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
|
|
26101
26305
|
}
|
|
@@ -26115,7 +26319,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26115
26319
|
--pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
|
|
26116
26320
|
--pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
|
|
26117
26321
|
}
|
|
26118
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
26322
|
+
.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) {
|
|
26119
26323
|
--pf-v6-c-sidebar__content--BackgroundColor: transparent;
|
|
26120
26324
|
}
|
|
26121
26325
|
.pf-v6-c-sidebar__content.pf-m-secondary {
|
|
@@ -26128,12 +26332,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26128
26332
|
--pf-v6-c-sidebar__content--Order: -1;
|
|
26129
26333
|
}
|
|
26130
26334
|
|
|
26131
|
-
.pf-v6-c-sidebar.pf-m-no-background,
|
|
26132
|
-
.pf-v6-c-sidebar__panel.pf-m-no-background,
|
|
26133
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
26134
|
-
background-color: transparent;
|
|
26135
|
-
}
|
|
26136
|
-
|
|
26137
26335
|
.pf-v6-c-sidebar__panel.pf-m-width-default {
|
|
26138
26336
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
26139
26337
|
}
|
|
@@ -27133,22 +27331,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27133
27331
|
--pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
|
|
27134
27332
|
--pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
|
|
27135
27333
|
--pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
27334
|
+
--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
27136
27335
|
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
27137
27336
|
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
27138
27337
|
--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
27139
27338
|
--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
27140
|
-
--pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.
|
|
27141
|
-
--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--
|
|
27339
|
+
--pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
|
|
27340
|
+
--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);
|
|
27142
27341
|
--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
27143
27342
|
--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
27144
27343
|
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
27145
27344
|
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
27146
27345
|
--pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
27147
27346
|
--pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
|
|
27148
|
-
--pf-v6-c-table__check--responsive--MarginBlockStart: 0.
|
|
27347
|
+
--pf-v6-c-table__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
|
|
27149
27348
|
--pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
|
|
27150
27349
|
--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
27151
27350
|
--pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
27351
|
+
--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);
|
|
27152
27352
|
--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
|
|
27153
27353
|
--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));
|
|
27154
27354
|
--pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
@@ -27230,10 +27430,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27230
27430
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
|
27231
27431
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
|
27232
27432
|
}
|
|
27233
|
-
.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 {
|
|
27433
|
+
.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) {
|
|
27234
27434
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
|
27235
27435
|
}
|
|
27236
27436
|
.pf-m-grid.pf-v6-c-table.pf-m-compact {
|
|
27437
|
+
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
|
|
27237
27438
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
|
|
27238
27439
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
|
|
27239
27440
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
|
|
@@ -27243,7 +27444,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27243
27444
|
}
|
|
27244
27445
|
.pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
|
|
27245
27446
|
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
|
|
27246
|
-
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--
|
|
27447
|
+
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
|
|
27247
27448
|
}
|
|
27248
27449
|
.pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
|
|
27249
27450
|
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
|
|
@@ -27433,6 +27634,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27433
27634
|
}
|
|
27434
27635
|
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
|
|
27435
27636
|
text-align: end;
|
|
27637
|
+
margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
|
|
27436
27638
|
}
|
|
27437
27639
|
@media screen and (max-width: 36rem) {
|
|
27438
27640
|
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
|
|
@@ -27539,10 +27741,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27539
27741
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
|
27540
27742
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
|
27541
27743
|
}
|
|
27542
|
-
.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 {
|
|
27744
|
+
.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) {
|
|
27543
27745
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
|
27544
27746
|
}
|
|
27545
27747
|
.pf-m-grid-md.pf-v6-c-table.pf-m-compact {
|
|
27748
|
+
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
|
|
27546
27749
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
|
|
27547
27750
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
|
|
27548
27751
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
|
|
@@ -27552,7 +27755,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27552
27755
|
}
|
|
27553
27756
|
.pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
|
|
27554
27757
|
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
|
|
27555
|
-
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--
|
|
27758
|
+
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
|
|
27556
27759
|
}
|
|
27557
27760
|
.pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
|
|
27558
27761
|
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
|
|
@@ -27742,6 +27945,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27742
27945
|
}
|
|
27743
27946
|
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
|
|
27744
27947
|
text-align: end;
|
|
27948
|
+
margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
|
|
27745
27949
|
}
|
|
27746
27950
|
@media screen and (max-width: 36rem) {
|
|
27747
27951
|
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
|
|
@@ -27849,10 +28053,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27849
28053
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
|
27850
28054
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
|
27851
28055
|
}
|
|
27852
|
-
.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 {
|
|
28056
|
+
.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) {
|
|
27853
28057
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
|
27854
28058
|
}
|
|
27855
28059
|
.pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
|
|
28060
|
+
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
|
|
27856
28061
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
|
|
27857
28062
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
|
|
27858
28063
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
|
|
@@ -27862,7 +28067,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27862
28067
|
}
|
|
27863
28068
|
.pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
|
|
27864
28069
|
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
|
|
27865
|
-
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--
|
|
28070
|
+
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
|
|
27866
28071
|
}
|
|
27867
28072
|
.pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
|
|
27868
28073
|
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
|
|
@@ -28052,6 +28257,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28052
28257
|
}
|
|
28053
28258
|
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
|
|
28054
28259
|
text-align: end;
|
|
28260
|
+
margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
|
|
28055
28261
|
}
|
|
28056
28262
|
@media screen and (max-width: 36rem) {
|
|
28057
28263
|
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
|
|
@@ -28159,10 +28365,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28159
28365
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
|
28160
28366
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
|
28161
28367
|
}
|
|
28162
|
-
.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 {
|
|
28368
|
+
.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) {
|
|
28163
28369
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
|
28164
28370
|
}
|
|
28165
28371
|
.pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
|
|
28372
|
+
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
|
|
28166
28373
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
|
|
28167
28374
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
|
|
28168
28375
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
|
|
@@ -28172,7 +28379,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28172
28379
|
}
|
|
28173
28380
|
.pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
|
|
28174
28381
|
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
|
|
28175
|
-
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--
|
|
28382
|
+
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
|
|
28176
28383
|
}
|
|
28177
28384
|
.pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
|
|
28178
28385
|
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
|
|
@@ -28362,6 +28569,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28362
28569
|
}
|
|
28363
28570
|
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
28364
28571
|
text-align: end;
|
|
28572
|
+
margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
|
|
28365
28573
|
}
|
|
28366
28574
|
@media screen and (max-width: 36rem) {
|
|
28367
28575
|
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
@@ -28469,10 +28677,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28469
28677
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
|
28470
28678
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
|
28471
28679
|
}
|
|
28472
|
-
.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 {
|
|
28680
|
+
.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) {
|
|
28473
28681
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
|
28474
28682
|
}
|
|
28475
28683
|
.pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
|
|
28684
|
+
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
|
|
28476
28685
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
|
|
28477
28686
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
|
|
28478
28687
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
|
|
@@ -28482,7 +28691,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28482
28691
|
}
|
|
28483
28692
|
.pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
|
|
28484
28693
|
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
|
|
28485
|
-
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--
|
|
28694
|
+
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
|
|
28486
28695
|
}
|
|
28487
28696
|
.pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
|
|
28488
28697
|
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
|
|
@@ -28672,6 +28881,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28672
28881
|
}
|
|
28673
28882
|
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
28674
28883
|
text-align: end;
|
|
28884
|
+
margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
|
|
28675
28885
|
}
|
|
28676
28886
|
@media screen and (max-width: 36rem) {
|
|
28677
28887
|
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
@@ -28761,8 +28971,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28761
28971
|
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
28762
28972
|
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
28763
28973
|
--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
|
|
28764
|
-
--pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
28765
|
-
--pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
28974
|
+
--pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
28975
|
+
--pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
28766
28976
|
--pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
28767
28977
|
--pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
28768
28978
|
--pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -28862,7 +29072,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28862
29072
|
--pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
28863
29073
|
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
|
|
28864
29074
|
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
|
|
28865
|
-
--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex:
|
|
29075
|
+
--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: initial;
|
|
28866
29076
|
--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
|
|
28867
29077
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
28868
29078
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -28882,6 +29092,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28882
29092
|
--pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
|
|
28883
29093
|
--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
|
|
28884
29094
|
--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
|
|
29095
|
+
--pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
29096
|
+
--pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
28885
29097
|
}
|
|
28886
29098
|
:where(.pf-v6-theme-glass) .pf-v6-c-table {
|
|
28887
29099
|
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
@@ -28903,16 +29115,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28903
29115
|
.pf-v6-c-table.pf-m-fixed {
|
|
28904
29116
|
table-layout: fixed;
|
|
28905
29117
|
}
|
|
28906
|
-
.pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::
|
|
29118
|
+
.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 {
|
|
28907
29119
|
opacity: 0;
|
|
28908
29120
|
transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
|
|
28909
29121
|
transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
|
|
28910
29122
|
transition-property: opacity;
|
|
28911
29123
|
}
|
|
28912
|
-
.pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
|
|
28913
|
-
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
|
|
28914
|
-
}
|
|
28915
|
-
.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 {
|
|
29124
|
+
.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 {
|
|
28916
29125
|
opacity: 1;
|
|
28917
29126
|
}
|
|
28918
29127
|
.pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
|
|
@@ -28923,27 +29132,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28923
29132
|
inset-block-start: 0;
|
|
28924
29133
|
z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
|
|
28925
29134
|
}
|
|
28926
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::
|
|
29135
|
+
.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 {
|
|
28927
29136
|
position: absolute;
|
|
28928
29137
|
inset: 0;
|
|
28929
29138
|
z-index: -1;
|
|
28930
29139
|
pointer-events: none;
|
|
28931
29140
|
content: "";
|
|
28932
|
-
background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
|
|
28933
29141
|
border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
28934
29142
|
box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
|
|
28935
29143
|
}
|
|
28936
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead
|
|
28937
|
-
z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
|
|
28938
|
-
}
|
|
28939
|
-
.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 {
|
|
29144
|
+
.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 {
|
|
28940
29145
|
position: absolute;
|
|
28941
29146
|
inset: 0;
|
|
28942
|
-
z-index:
|
|
29147
|
+
z-index: -1;
|
|
28943
29148
|
pointer-events: none;
|
|
28944
29149
|
content: "";
|
|
29150
|
+
background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
|
|
28945
29151
|
border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
|
|
28946
29152
|
}
|
|
29153
|
+
.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 {
|
|
29154
|
+
border-start-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
29155
|
+
border-end-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
29156
|
+
}
|
|
29157
|
+
.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 {
|
|
29158
|
+
border-start-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
29159
|
+
border-end-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
29160
|
+
}
|
|
29161
|
+
.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) {
|
|
29162
|
+
z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
|
|
29163
|
+
}
|
|
29164
|
+
: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 {
|
|
29165
|
+
--pf-v6-c-table--m-sticky-header--BorderRadius: 0;
|
|
29166
|
+
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
|
|
29167
|
+
}
|
|
28947
29168
|
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
|
|
28948
29169
|
border-block-end: 0;
|
|
28949
29170
|
}
|
|
@@ -28951,6 +29172,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28951
29172
|
.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]) {
|
|
28952
29173
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
|
|
28953
29174
|
}
|
|
29175
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
|
|
29176
|
+
position: sticky;
|
|
29177
|
+
inset-block-end: 0;
|
|
29178
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
|
|
29179
|
+
background: var(--pf-v6-c-table--BackgroundColor);
|
|
29180
|
+
}
|
|
29181
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
|
|
29182
|
+
position: absolute;
|
|
29183
|
+
inset: 0;
|
|
29184
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
|
|
29185
|
+
pointer-events: none;
|
|
29186
|
+
content: "";
|
|
29187
|
+
border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
29188
|
+
}
|
|
29189
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
|
|
29190
|
+
border-block-end: 0;
|
|
29191
|
+
}
|
|
29192
|
+
.pf-v6-c-table.pf-m-plain {
|
|
29193
|
+
--pf-v6-c-table--BackgroundColor: transparent;
|
|
29194
|
+
}
|
|
28954
29195
|
.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),
|
|
28955
29196
|
.pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
|
|
28956
29197
|
.pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
|
|
@@ -29634,14 +29875,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29634
29875
|
vertical-align: bottom;
|
|
29635
29876
|
}
|
|
29636
29877
|
.pf-v6-c-table__thead.pf-m-nested-column-header {
|
|
29878
|
+
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
29637
29879
|
position: relative;
|
|
29638
29880
|
}
|
|
29639
|
-
.pf-v6-c-table__thead.pf-m-nested-column-header
|
|
29640
|
-
position: absolute;
|
|
29641
|
-
inset: 0;
|
|
29881
|
+
.pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
|
|
29642
29882
|
z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
|
|
29643
|
-
pointer-events: none;
|
|
29644
|
-
content: "";
|
|
29645
29883
|
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);
|
|
29646
29884
|
}
|
|
29647
29885
|
.pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
|
|
@@ -29682,7 +29920,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29682
29920
|
border-block-end: 0;
|
|
29683
29921
|
}
|
|
29684
29922
|
.pf-v6-c-table__tr.pf-m-border-row {
|
|
29685
|
-
|
|
29923
|
+
height: var(--pf-v6-c-table--border-width--base);
|
|
29924
|
+
background-color: var(--pf-v6-c-table--BorderColor);
|
|
29925
|
+
}
|
|
29926
|
+
|
|
29927
|
+
.pf-v6-c-table__tfoot {
|
|
29928
|
+
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
|
29929
|
+
vertical-align: top;
|
|
29686
29930
|
}
|
|
29687
29931
|
|
|
29688
29932
|
.pf-v6-c-table__icon-inline {
|
|
@@ -29831,6 +30075,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29831
30075
|
--pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
|
|
29832
30076
|
}
|
|
29833
30077
|
|
|
30078
|
+
.pf-v6-c-table.pf-m-tree-view {
|
|
30079
|
+
--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 90deg;
|
|
30080
|
+
}
|
|
29834
30081
|
.pf-v6-c-table.pf-m-tree-view > tbody > tr {
|
|
29835
30082
|
--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
|
|
29836
30083
|
}
|
|
@@ -30687,10 +30934,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30687
30934
|
--pf-v6-c-tabs__link--BorderColor: transparent;
|
|
30688
30935
|
--pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
30689
30936
|
--pf-v6-c-tabs__link--disabled--BorderColor: transparent;
|
|
30690
|
-
--pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
30691
|
-
--pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
30692
|
-
--pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
30693
|
-
--pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
30937
|
+
--pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
30938
|
+
--pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
30939
|
+
--pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
30940
|
+
--pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
30694
30941
|
--pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
30695
30942
|
--pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
30696
30943
|
--pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
|
|
@@ -30709,9 +30956,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30709
30956
|
--pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: transparent;
|
|
30710
30957
|
--pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
30711
30958
|
--pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
30712
|
-
--pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
|
|
30713
30959
|
--pf-v6-c-tabs__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--short);
|
|
30714
30960
|
--pf-v6-c-tabs__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
|
|
30961
|
+
--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);
|
|
30962
|
+
--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);
|
|
30963
|
+
--pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
30964
|
+
--pf-v6-c-tabs--m-subtab__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
|
30965
|
+
--pf-v6-c-tabs--m-subtab__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
30966
|
+
--pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
|
30967
|
+
--pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
30715
30968
|
--pf-v6-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
|
|
30716
30969
|
--pf-v6-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
|
|
30717
30970
|
--pf-v6-c-tabs__link--before--BorderBlockStartColor: var(--pf-v6-c-tabs__link--before--border-color--base);
|
|
@@ -31078,9 +31331,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31078
31331
|
}
|
|
31079
31332
|
.pf-v6-c-tabs.pf-m-subtab {
|
|
31080
31333
|
--pf-v6-c-tabs__link--FontSize: var(--pf-v6-c-tabs--m-subtab__link--FontSize);
|
|
31334
|
+
--pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockStart);
|
|
31335
|
+
--pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd);
|
|
31336
|
+
--pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineStart);
|
|
31337
|
+
--pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd);
|
|
31081
31338
|
--pf-v6-c-tabs__item-action--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__item-action--c-button--FontSize);
|
|
31082
31339
|
--pf-v6-c-tabs__add--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__add--c-button--FontSize);
|
|
31083
31340
|
}
|
|
31341
|
+
.pf-v6-c-tabs.pf-m-subtab .pf-v6-c-tabs__link {
|
|
31342
|
+
margin-block-start: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockStart);
|
|
31343
|
+
margin-block-end: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockEnd);
|
|
31344
|
+
}
|
|
31084
31345
|
.pf-v6-c-tabs.pf-m-page-insets {
|
|
31085
31346
|
--pf-v6-c-tabs--inset: var(--pf-v6-c-tabs--m-page-insets--inset);
|
|
31086
31347
|
}
|
|
@@ -31960,7 +32221,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31960
32221
|
|
|
31961
32222
|
.pf-v6-c-title {
|
|
31962
32223
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
31963
|
-
overflow-wrap:
|
|
32224
|
+
overflow-wrap: anywhere;
|
|
31964
32225
|
}
|
|
31965
32226
|
.pf-v6-c-title.pf-m-4xl {
|
|
31966
32227
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -34382,7 +34643,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34382
34643
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
34383
34644
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
34384
34645
|
text-align: center;
|
|
34385
|
-
overflow-wrap:
|
|
34646
|
+
overflow-wrap: anywhere;
|
|
34386
34647
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
34387
34648
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
34388
34649
|
}
|
|
@@ -34496,12 +34757,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34496
34757
|
}
|
|
34497
34758
|
|
|
34498
34759
|
.pf-v6-c-tree-view {
|
|
34499
|
-
--pf-v6-c-tree-view__node--indent--base: calc(var(--pf-
|
|
34760
|
+
--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));
|
|
34500
34761
|
--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));
|
|
34501
34762
|
--pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
34502
|
-
--pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
34503
|
-
--pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
34504
|
-
--pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
34763
|
+
--pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
34764
|
+
--pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
|
|
34765
|
+
--pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
34505
34766
|
--pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
|
|
34506
34767
|
--pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
|
|
34507
34768
|
--pf-v6-c-tree-view__node--BackgroundColor: transparent;
|
|
@@ -34545,9 +34806,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34545
34806
|
--pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
|
|
34546
34807
|
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
|
|
34547
34808
|
--pf-v6-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--font--body--default);
|
|
34548
|
-
--pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
34809
|
+
--pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
34549
34810
|
--pf-v6-c-tree-view__node-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
34550
|
-
--pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
34811
|
+
--pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
34551
34812
|
--pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
34552
34813
|
--pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
|
34553
34814
|
--pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
|
@@ -34563,7 +34824,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34563
34824
|
--pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
34564
34825
|
--pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
|
|
34565
34826
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
34566
|
-
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate:
|
|
34827
|
+
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
|
|
34567
34828
|
--pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
34568
34829
|
--pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
34569
34830
|
--pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
@@ -35168,7 +35429,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35168
35429
|
--pf-v6-c-wizard__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
35169
35430
|
--pf-v6-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
35170
35431
|
--pf-v6-c-wizard--m-plain__footer--BackgroundColor: transparent;
|
|
35171
|
-
--pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--
|
|
35432
|
+
--pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--sm);
|
|
35172
35433
|
--pf-v6-c-wizard__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
35173
35434
|
--pf-v6-c-wizard__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
35174
35435
|
--pf-v6-c-wizard__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -35294,7 +35555,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35294
35555
|
align-items: baseline;
|
|
35295
35556
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
35296
35557
|
text-align: start;
|
|
35297
|
-
overflow-wrap:
|
|
35558
|
+
overflow-wrap: anywhere;
|
|
35298
35559
|
}
|
|
35299
35560
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
35300
35561
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -35430,7 +35691,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35430
35691
|
padding-inline: 0;
|
|
35431
35692
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
35432
35693
|
text-align: start;
|
|
35433
|
-
overflow-wrap:
|
|
35694
|
+
overflow-wrap: anywhere;
|
|
35434
35695
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
35435
35696
|
counter-increment: wizard-nav-count;
|
|
35436
35697
|
background-color: transparent;
|
|
@@ -35549,7 +35810,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35549
35810
|
flex-direction: column;
|
|
35550
35811
|
overflow-x: hidden;
|
|
35551
35812
|
overflow-y: auto;
|
|
35552
|
-
overflow-wrap:
|
|
35813
|
+
overflow-wrap: anywhere;
|
|
35553
35814
|
}
|
|
35554
35815
|
|
|
35555
35816
|
.pf-v6-c-wizard__main-body {
|