@fluixi-ui/tokens 0.4.0-alpha.3 → 0.4.0-alpha.4
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/dist/css/sidenav.css +10 -8
- package/package.json +1 -1
package/dist/css/sidenav.css
CHANGED
|
@@ -165,21 +165,23 @@
|
|
|
165
165
|
display: none;
|
|
166
166
|
}
|
|
167
167
|
|
|
168
|
-
/* Inline nested list (expanded / mobile). Collapsed via
|
|
168
|
+
/* Inline nested list (expanded / mobile). Collapsed via max-height so every child
|
|
169
|
+
hides (a grid-rows 0fr trick only collapses a single grid child — the rest fall
|
|
170
|
+
into implicit auto rows and stay visible). The cap is generous; nav lists are short. */
|
|
169
171
|
:where([data-sidenav-sub-content]:not([data-flyout])) {
|
|
170
|
-
display: grid;
|
|
171
|
-
grid-template-rows: 0fr;
|
|
172
172
|
margin: 0;
|
|
173
173
|
padding: 0 0 0 var(--flx-ui-space-5);
|
|
174
174
|
list-style: none;
|
|
175
|
+
max-height: 0;
|
|
175
176
|
overflow: hidden;
|
|
176
|
-
|
|
177
|
+
opacity: 0;
|
|
178
|
+
transition:
|
|
179
|
+
max-height var(--flx-ui-duration-normal) var(--flx-ui-ease-standard),
|
|
180
|
+
opacity var(--flx-ui-duration-fast) var(--flx-ui-ease-standard);
|
|
177
181
|
}
|
|
178
182
|
:where([data-sidenav-sub-content]:not([data-flyout])[data-open]) {
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
:where([data-sidenav-sub-content]:not([data-flyout]) > *) {
|
|
182
|
-
min-height: 0;
|
|
183
|
+
max-height: 40rem;
|
|
184
|
+
opacity: 1;
|
|
183
185
|
}
|
|
184
186
|
|
|
185
187
|
/* Flyout panel (compact rail): a floating anchored menu of the nested links. */
|