@patternfly/patternfly 6.0.0-alpha.88 → 6.0.0-alpha.89
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Menu/menu.css +4 -1
- package/components/Menu/menu.scss +6 -1
- package/components/Table/table-tree-view.css +5 -0
- package/components/Table/table-tree-view.scss +9 -0
- package/components/Table/table.css +111 -190
- package/components/Table/table.scss +155 -268
- package/package.json +1 -1
- package/patternfly-no-globals.css +120 -191
- package/patternfly-theme-dark-unversioned.css +120 -191
- package/patternfly.css +120 -191
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/components/Menu/menu.css
CHANGED
|
@@ -242,9 +242,12 @@
|
|
|
242
242
|
--pf-v5-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-v5-global--TransitionDuration);
|
|
243
243
|
--pf-v5-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
|
|
244
244
|
--pf-v5-c-menu--m-drilldown__content--Transition: transform var(--pf-v5-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v5-c-menu--m-drilldown__content--TransitionDuration--height);
|
|
245
|
+
--pf-v5-c-menu--m-drilldown--c-menu--Top: 0;
|
|
246
|
+
--pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
|
|
247
|
+
--pf-v5-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
|
|
245
248
|
--pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-v5-global--TransitionDuration);
|
|
246
249
|
--pf-v5-c-menu--m-drilldown__list--Transition: transform var(--pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform);
|
|
247
|
-
--pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--
|
|
250
|
+
--pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
248
251
|
}
|
|
249
252
|
|
|
250
253
|
.pf-v5-c-menu,
|
|
@@ -127,12 +127,17 @@
|
|
|
127
127
|
--#{$menu}--m-drilldown__content--TransitionDuration--transform: var(--#{$pf-global}--TransitionDuration); // TODO: Update transition with token update
|
|
128
128
|
--#{$menu}--m-drilldown__content--Transition: transform var(--#{$menu}--m-drilldown__content--TransitionDuration--transform), height var(--#{$menu}--m-drilldown__content--TransitionDuration--height);
|
|
129
129
|
|
|
130
|
+
// * Menu drilldown menu
|
|
131
|
+
--#{$menu}--m-drilldown--c-menu--Top: 0;
|
|
132
|
+
--#{$menu}--m-drilldown--c-menu--TransitionDuration--transform: var(--#{$pf-global}--TransitionDuration);
|
|
133
|
+
--#{$menu}--m-drilldown--c-menu--Transition: transform var(--#{$menu}--m-drilldown--c-menu--TransitionDuration--transform);
|
|
134
|
+
|
|
130
135
|
// * Menu drilldown list
|
|
131
136
|
--#{$menu}--m-drilldown__list--TransitionDuration--transform: var(--#{$pf-global}--TransitionDuration); // TODO: Update transition with token update
|
|
132
137
|
--#{$menu}--m-drilldown__list--Transition: transform var(--#{$menu}--m-drilldown__list--TransitionDuration--transform);
|
|
133
138
|
|
|
134
139
|
// * Menu drilled in
|
|
135
|
-
--#{$menu}--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--
|
|
140
|
+
--#{$menu}--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
136
141
|
}
|
|
137
142
|
|
|
138
143
|
// - Menu shared display grid
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
:where(.pf-v5-c-table) {
|
|
3
3
|
--pf-v5-c-table__tree-view-main--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v5-c-table__tree-view-icon--MinWidth));
|
|
4
4
|
--pf-v5-c-table__tree-view-main--nested-indent--base: calc(var(--pf-v5-c-table__tree-view-main--indent--base) - var(--pf-t--global--spacer--md));
|
|
5
|
+
--pf-v5-c-table__tree-view-main--c-button--MarginRight: var(--pf-t--global--spacer--sm);
|
|
5
6
|
--pf-v5-c-table__tree-view-main--PaddingLeft: var(--pf-v5-c-table__tree-view-main--indent--base);
|
|
6
7
|
--pf-v5-c-table__tree-view-main--MarginLeft: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
|
|
7
8
|
--pf-v5-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
@@ -78,6 +79,10 @@
|
|
|
78
79
|
.pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
|
|
79
80
|
min-width: var(--pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
|
|
80
81
|
}
|
|
82
|
+
.pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle .pf-v5-c-button {
|
|
83
|
+
margin-block-start: -50%;
|
|
84
|
+
margin-inline-end: var(--pf-v5-c-table__tree-view-main--c-button--MarginRight);
|
|
85
|
+
}
|
|
81
86
|
.pf-v5-c-table__tree-view-main > .pf-v5-c-table__check {
|
|
82
87
|
margin-inline-end: var(--pf-v5-c-table__tree-view-main--c-table__check--MarginRight);
|
|
83
88
|
}
|
|
@@ -6,6 +6,9 @@ $pf-v5-c-tree-view--MaxDepth: 10;
|
|
|
6
6
|
--#{$table}__tree-view-main--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--#{$table}__tree-view-icon--MinWidth)); // based off of the expected width of the toggle button
|
|
7
7
|
--#{$table}__tree-view-main--nested-indent--base: calc(var(--#{$table}__tree-view-main--indent--base) - var(--pf-t--global--spacer--md)); // nested spacing that removes the toggle button's left padding, so the icon aligns with text on the node above it
|
|
8
8
|
|
|
9
|
+
// * Table tree view main button
|
|
10
|
+
--#{$table}__tree-view-main--c-button--MarginRight: var(--pf-t--global--spacer--sm);
|
|
11
|
+
|
|
9
12
|
// main
|
|
10
13
|
--#{$table}__tree-view-main--PaddingLeft: var(--#{$table}__tree-view-main--indent--base);
|
|
11
14
|
--#{$table}__tree-view-main--MarginLeft: calc(var(--#{$table}--cell--PaddingLeft) * -1);
|
|
@@ -79,8 +82,14 @@ $pf-v5-c-tree-view--MaxDepth: 10;
|
|
|
79
82
|
.#{$table}__toggle-icon {
|
|
80
83
|
min-width: var(--#{$table}--m-tree-view__toggle__toggle-icon--MinWidth);
|
|
81
84
|
}
|
|
85
|
+
|
|
86
|
+
.#{$button} {
|
|
87
|
+
margin-block-start: -50%;
|
|
88
|
+
margin-inline-end: var(--#{$table}__tree-view-main--c-button--MarginRight);
|
|
89
|
+
}
|
|
82
90
|
}
|
|
83
91
|
|
|
92
|
+
|
|
84
93
|
> .#{$table}__check {
|
|
85
94
|
margin-inline-end: var(--#{$table}__tree-view-main--c-table__check--MarginRight);
|
|
86
95
|
}
|