@swiftwc/ui 0.0.0-dev.113 → 0.0.0-dev.115
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/generated/client/index.js +1 -1
- package/generated/components/{body-view.d.ts → content-view.d.ts} +2 -2
- package/generated/components/{body-view.js → content-view.js} +3 -3
- package/generated/components/index.d.ts +1 -1
- package/generated/components/index.js +1 -1
- package/generated/components/picker-view.js +11 -11
- package/generated/css/index.css +122 -116
- package/generated/internal/class/navigation-path.js +2 -2
- package/generated/internal/privateNamespace.d.ts +1 -1
- package/generated/internal/privateNamespace.js +3 -3
- package/html-data/en.json +18 -10
- package/package.json +1 -1
- package/scss/_components.scss +1 -1
- package/scss/_maps.scss +2 -0
- package/scss/base/_layout.scss +7 -7
- package/scss/colors/_index.scss +1 -1
- package/scss/components/{_body-view.scss → _content-view.scss} +1 -1
- package/scss/components/_detail-placeholder.scss +4 -4
- package/scss/components/_form-view.scss +2 -2
- package/scss/components/_index.scss +1 -1
- package/scss/components/_list-view.scss +2 -2
- package/scss/components/_navigation-split-view.scss +16 -16
- package/scss/components/_scroll-view.scss +1 -1
- package/scss/components/_sheet-view.scss +1 -1
- package/scss/components/_tab-view.scss +13 -13
- package/scss/mixins/_index.scss +2 -2
- package/scss/transitions/_bwd.scss +2 -2
package/generated/css/index.css
CHANGED
|
@@ -1048,7 +1048,7 @@
|
|
|
1048
1048
|
}
|
|
1049
1049
|
}
|
|
1050
1050
|
@layer sw-components {
|
|
1051
|
-
:where(
|
|
1051
|
+
:where(content-view,
|
|
1052
1052
|
navigation-stack,
|
|
1053
1053
|
navigation-split-view,
|
|
1054
1054
|
[is=full-screen],
|
|
@@ -1058,7 +1058,7 @@
|
|
|
1058
1058
|
grid-template-columns: minmax(0, 1fr);
|
|
1059
1059
|
grid-template-rows: minmax(0, 1fr);
|
|
1060
1060
|
}
|
|
1061
|
-
:where(
|
|
1061
|
+
:where(content-view > *:not([slot]),
|
|
1062
1062
|
navigation-stack > *:not([slot]),
|
|
1063
1063
|
navigation-split-view > *:not([slot]),
|
|
1064
1064
|
[is=full-screen] > *:not([slot]),
|
|
@@ -1068,36 +1068,36 @@
|
|
|
1068
1068
|
}
|
|
1069
1069
|
:where(navigation-stack:has(> navigation-stack:not([hidden]), > navigation-split-view:not([hidden])) > scroll-view,
|
|
1070
1070
|
navigation-stack:has(> navigation-stack:not([hidden]), > navigation-split-view:not([hidden])) > [is=sidebar-view] > scroll-view,
|
|
1071
|
-
navigation-stack:has(>
|
|
1072
|
-
navigation-stack:has(>
|
|
1073
|
-
navigation-split-view:has(>
|
|
1074
|
-
navigation-split-view:has(>
|
|
1075
|
-
dialog:has(>
|
|
1076
|
-
dialog:has(>
|
|
1077
|
-
|
|
1078
|
-
|
|
1071
|
+
navigation-stack:has(> content-view) > scroll-view,
|
|
1072
|
+
navigation-stack:has(> content-view) > [is=sidebar-view] > scroll-view,
|
|
1073
|
+
navigation-split-view:has(> content-view) > scroll-view,
|
|
1074
|
+
navigation-split-view:has(> content-view) > [is=sidebar-view] > scroll-view,
|
|
1075
|
+
dialog:has(> content-view) > scroll-view,
|
|
1076
|
+
dialog:has(> content-view) > [is=sidebar-view] > scroll-view,
|
|
1077
|
+
content-view:has(> content-view) > scroll-view,
|
|
1078
|
+
content-view:has(> content-view) > [is=sidebar-view] > scroll-view) {
|
|
1079
1079
|
--scroll-view-translate: translateX(var(--view-transition-leading-x));
|
|
1080
1080
|
}
|
|
1081
1081
|
:where(navigation-stack:has(> navigation-stack:not([hidden]), > navigation-split-view:not([hidden])) > tool-bar > tool-bar-item,
|
|
1082
1082
|
navigation-stack:has(> navigation-stack:not([hidden]), > navigation-split-view:not([hidden])) > tool-bar > tool-bar-item-group,
|
|
1083
1083
|
navigation-stack:has(> navigation-stack:not([hidden]), > navigation-split-view:not([hidden])) > [is=sidebar-view] > tool-bar > tool-bar-item,
|
|
1084
1084
|
navigation-stack:has(> navigation-stack:not([hidden]), > navigation-split-view:not([hidden])) > [is=sidebar-view] > tool-bar > tool-bar-item-group,
|
|
1085
|
-
navigation-stack:has(>
|
|
1086
|
-
navigation-stack:has(>
|
|
1087
|
-
navigation-stack:has(>
|
|
1088
|
-
navigation-stack:has(>
|
|
1089
|
-
navigation-split-view:has(>
|
|
1090
|
-
navigation-split-view:has(>
|
|
1091
|
-
navigation-split-view:has(>
|
|
1092
|
-
navigation-split-view:has(>
|
|
1093
|
-
dialog:has(>
|
|
1094
|
-
dialog:has(>
|
|
1095
|
-
dialog:has(>
|
|
1096
|
-
dialog:has(>
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1085
|
+
navigation-stack:has(> content-view) > tool-bar > tool-bar-item,
|
|
1086
|
+
navigation-stack:has(> content-view) > tool-bar > tool-bar-item-group,
|
|
1087
|
+
navigation-stack:has(> content-view) > [is=sidebar-view] > tool-bar > tool-bar-item,
|
|
1088
|
+
navigation-stack:has(> content-view) > [is=sidebar-view] > tool-bar > tool-bar-item-group,
|
|
1089
|
+
navigation-split-view:has(> content-view) > tool-bar > tool-bar-item,
|
|
1090
|
+
navigation-split-view:has(> content-view) > tool-bar > tool-bar-item-group,
|
|
1091
|
+
navigation-split-view:has(> content-view) > [is=sidebar-view] > tool-bar > tool-bar-item,
|
|
1092
|
+
navigation-split-view:has(> content-view) > [is=sidebar-view] > tool-bar > tool-bar-item-group,
|
|
1093
|
+
dialog:has(> content-view) > tool-bar > tool-bar-item,
|
|
1094
|
+
dialog:has(> content-view) > tool-bar > tool-bar-item-group,
|
|
1095
|
+
dialog:has(> content-view) > [is=sidebar-view] > tool-bar > tool-bar-item,
|
|
1096
|
+
dialog:has(> content-view) > [is=sidebar-view] > tool-bar > tool-bar-item-group,
|
|
1097
|
+
content-view:has(> content-view) > tool-bar > tool-bar-item,
|
|
1098
|
+
content-view:has(> content-view) > tool-bar > tool-bar-item-group,
|
|
1099
|
+
content-view:has(> content-view) > [is=sidebar-view] > tool-bar > tool-bar-item,
|
|
1100
|
+
content-view:has(> content-view) > [is=sidebar-view] > tool-bar > tool-bar-item-group) {
|
|
1101
1101
|
--toolbar-cell-scale: scale(var(--view-transition-toolbar-cell-offscreen-scale));
|
|
1102
1102
|
--toolbar-cell-filter: blur(10px);
|
|
1103
1103
|
--toolbar-cell-opacity: 0;
|
|
@@ -1109,7 +1109,7 @@
|
|
|
1109
1109
|
navigation-large-title:not([hidden]),
|
|
1110
1110
|
navigation-title:not([hidden]),
|
|
1111
1111
|
scroll-view:not([hidden]),
|
|
1112
|
-
|
|
1112
|
+
content-view:not([hidden]),
|
|
1113
1113
|
tab-view:not([hidden]),
|
|
1114
1114
|
image-view:not([hidden]),
|
|
1115
1115
|
list-view:not([hidden]),
|
|
@@ -1142,7 +1142,7 @@
|
|
|
1142
1142
|
navigation-large-title:not(:defined),
|
|
1143
1143
|
navigation-title:not(:defined),
|
|
1144
1144
|
scroll-view:not(:defined),
|
|
1145
|
-
|
|
1145
|
+
content-view:not(:defined),
|
|
1146
1146
|
tab-view:not(:defined),
|
|
1147
1147
|
image-view:not(:defined),
|
|
1148
1148
|
list-view:not(:defined),
|
|
@@ -1172,7 +1172,7 @@
|
|
|
1172
1172
|
navigation-large-title:not(:defined),
|
|
1173
1173
|
navigation-title:not(:defined),
|
|
1174
1174
|
scroll-view:not(:defined),
|
|
1175
|
-
|
|
1175
|
+
content-view:not(:defined),
|
|
1176
1176
|
tab-view:not(:defined),
|
|
1177
1177
|
image-view:not(:defined),
|
|
1178
1178
|
list-view:not(:defined),
|
|
@@ -1202,7 +1202,7 @@
|
|
|
1202
1202
|
navigation-large-title:not(:defined),
|
|
1203
1203
|
navigation-title:not(:defined),
|
|
1204
1204
|
scroll-view:not(:defined),
|
|
1205
|
-
|
|
1205
|
+
content-view:not(:defined),
|
|
1206
1206
|
tab-view:not(:defined),
|
|
1207
1207
|
image-view:not(:defined),
|
|
1208
1208
|
list-view:not(:defined),
|
|
@@ -1643,20 +1643,20 @@
|
|
|
1643
1643
|
}
|
|
1644
1644
|
}
|
|
1645
1645
|
@media (min-width: 43rem) {
|
|
1646
|
-
:where(navigation-split-view:not(:has(> [is=sidebar-view])):has(>
|
|
1646
|
+
:where(navigation-split-view:not(:has(> [is=sidebar-view])):has(> content-view) detail-placeholder) {
|
|
1647
1647
|
--nav-split-view--detail-placeholder-visibility: collapse;
|
|
1648
1648
|
}
|
|
1649
|
-
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content]:not(:has(>
|
|
1649
|
+
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content]:not(:has(> content-view)) detail-placeholder) {
|
|
1650
1650
|
--nav-split-view--detail-placeholder-visibility: collapse;
|
|
1651
1651
|
}
|
|
1652
1652
|
}
|
|
1653
1653
|
@media (min-width: 43rem) and (min-width: 64rem) {
|
|
1654
|
-
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]):has(>
|
|
1654
|
+
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]):has(> content-view > content-view) detail-placeholder) {
|
|
1655
1655
|
--nav-split-view--detail-placeholder-visibility: collapse;
|
|
1656
1656
|
}
|
|
1657
1657
|
}
|
|
1658
1658
|
@media (min-width: 43rem) {
|
|
1659
|
-
:where(navigation-split-view:has(> [is=sidebar-view])[column-visibility=double-column]:has(>
|
|
1659
|
+
:where(navigation-split-view:has(> [is=sidebar-view])[column-visibility=double-column]:has(> content-view) detail-placeholder) {
|
|
1660
1660
|
--nav-split-view--detail-placeholder-visibility: collapse;
|
|
1661
1661
|
}
|
|
1662
1662
|
}
|
|
@@ -1872,7 +1872,7 @@
|
|
|
1872
1872
|
:where([is=sheet-view]:has([is=sheet-view]:not([open]))) {
|
|
1873
1873
|
overflow: visible;
|
|
1874
1874
|
}
|
|
1875
|
-
:where([is=sheet-view]:has([is=sheet-view]:not([open])) scroll-view:has(~
|
|
1875
|
+
:where([is=sheet-view]:has([is=sheet-view]:not([open])) scroll-view:has(~ content-view), [is=sheet-view]:has([is=sheet-view]:not([open])) scroll-view:has(~ content-view) ~ tool-bar) {
|
|
1876
1876
|
opacity: 0;
|
|
1877
1877
|
}
|
|
1878
1878
|
:where([is=sheet-view] [is=sheet-view]:not([open])) {
|
|
@@ -2065,16 +2065,16 @@
|
|
|
2065
2065
|
}
|
|
2066
2066
|
}
|
|
2067
2067
|
@layer sw-components {
|
|
2068
|
-
:where(navigation-stack > scroll-view:has(~ tool-bar > [slot^=top-bar]), navigation-stack > scroll-view:has(> [slot^=top-bar]), navigation-split-view > scroll-view:has(~ tool-bar > [slot^=top-bar]), navigation-split-view > scroll-view:has(> [slot^=top-bar]), [is=sidebar-view] > scroll-view:has(~ tool-bar > [slot^=top-bar]), [is=sidebar-view] > scroll-view:has(> [slot^=top-bar]),
|
|
2068
|
+
:where(navigation-stack > scroll-view:has(~ tool-bar > [slot^=top-bar]), navigation-stack > scroll-view:has(> [slot^=top-bar]), navigation-split-view > scroll-view:has(~ tool-bar > [slot^=top-bar]), navigation-split-view > scroll-view:has(> [slot^=top-bar]), [is=sidebar-view] > scroll-view:has(~ tool-bar > [slot^=top-bar]), [is=sidebar-view] > scroll-view:has(> [slot^=top-bar]), content-view > scroll-view:has(~ tool-bar > [slot^=top-bar]), content-view > scroll-view:has(> [slot^=top-bar]), [is=full-screen] > scroll-view:has(~ tool-bar > [slot^=top-bar]), [is=full-screen] > scroll-view:has(> [slot^=top-bar]), [is=sheet-view] > scroll-view:has(~ tool-bar > [slot^=top-bar]), [is=sheet-view] > scroll-view:has(> [slot^=top-bar])) {
|
|
2069
2069
|
scroll-padding-top: var(--navigation-bar-block-size);
|
|
2070
2070
|
}
|
|
2071
|
-
:where(navigation-stack > scroll-view:has(~ tool-bar > [slot^=bottom-bar]), navigation-stack > scroll-view:has(> [slot^=bottom-bar]), navigation-split-view > scroll-view:has(~ tool-bar > [slot^=bottom-bar]), navigation-split-view > scroll-view:has(> [slot^=bottom-bar]), [is=sidebar-view] > scroll-view:has(~ tool-bar > [slot^=bottom-bar]), [is=sidebar-view] > scroll-view:has(> [slot^=bottom-bar]),
|
|
2071
|
+
:where(navigation-stack > scroll-view:has(~ tool-bar > [slot^=bottom-bar]), navigation-stack > scroll-view:has(> [slot^=bottom-bar]), navigation-split-view > scroll-view:has(~ tool-bar > [slot^=bottom-bar]), navigation-split-view > scroll-view:has(> [slot^=bottom-bar]), [is=sidebar-view] > scroll-view:has(~ tool-bar > [slot^=bottom-bar]), [is=sidebar-view] > scroll-view:has(> [slot^=bottom-bar]), content-view > scroll-view:has(~ tool-bar > [slot^=bottom-bar]), content-view > scroll-view:has(> [slot^=bottom-bar]), [is=full-screen] > scroll-view:has(~ tool-bar > [slot^=bottom-bar]), [is=full-screen] > scroll-view:has(> [slot^=bottom-bar]), [is=sheet-view] > scroll-view:has(~ tool-bar > [slot^=bottom-bar]), [is=sheet-view] > scroll-view:has(> [slot^=bottom-bar])) {
|
|
2072
2072
|
scroll-padding-bottom: var(--tool-bar-block-size);
|
|
2073
2073
|
}
|
|
2074
|
-
:where(navigation-stack > scroll-view:has(~ tool-bar > [slot^=bottom-bar]) > *:not([slot]), navigation-stack > scroll-view:has(> [slot^=bottom-bar]) > *:not([slot]), navigation-split-view > scroll-view:has(~ tool-bar > [slot^=bottom-bar]) > *:not([slot]), navigation-split-view > scroll-view:has(> [slot^=bottom-bar]) > *:not([slot]), [is=sidebar-view] > scroll-view:has(~ tool-bar > [slot^=bottom-bar]) > *:not([slot]), [is=sidebar-view] > scroll-view:has(> [slot^=bottom-bar]) > *:not([slot]),
|
|
2074
|
+
:where(navigation-stack > scroll-view:has(~ tool-bar > [slot^=bottom-bar]) > *:not([slot]), navigation-stack > scroll-view:has(> [slot^=bottom-bar]) > *:not([slot]), navigation-split-view > scroll-view:has(~ tool-bar > [slot^=bottom-bar]) > *:not([slot]), navigation-split-view > scroll-view:has(> [slot^=bottom-bar]) > *:not([slot]), [is=sidebar-view] > scroll-view:has(~ tool-bar > [slot^=bottom-bar]) > *:not([slot]), [is=sidebar-view] > scroll-view:has(> [slot^=bottom-bar]) > *:not([slot]), content-view > scroll-view:has(~ tool-bar > [slot^=bottom-bar]) > *:not([slot]), content-view > scroll-view:has(> [slot^=bottom-bar]) > *:not([slot]), [is=full-screen] > scroll-view:has(~ tool-bar > [slot^=bottom-bar]) > *:not([slot]), [is=full-screen] > scroll-view:has(> [slot^=bottom-bar]) > *:not([slot]), [is=sheet-view] > scroll-view:has(~ tool-bar > [slot^=bottom-bar]) > *:not([slot]), [is=sheet-view] > scroll-view:has(> [slot^=bottom-bar]) > *:not([slot])) {
|
|
2075
2075
|
margin-block-end: var(--tool-bar-block-size);
|
|
2076
2076
|
}
|
|
2077
|
-
:where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view,
|
|
2077
|
+
:where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view, content-view > scroll-view, [is=full-screen] > scroll-view, [is=sheet-view] > scroll-view) {
|
|
2078
2078
|
overflow: clip auto;
|
|
2079
2079
|
-webkit-overflow-scrolling: touch;
|
|
2080
2080
|
overscroll-behavior: contain;
|
|
@@ -2087,7 +2087,7 @@
|
|
|
2087
2087
|
transform: var(--scroll-view-translate, );
|
|
2088
2088
|
scrollbar-width: thin;
|
|
2089
2089
|
}
|
|
2090
|
-
:where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view,
|
|
2090
|
+
:where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view, content-view > scroll-view, [is=full-screen] > scroll-view, [is=sheet-view] > scroll-view)::before {
|
|
2091
2091
|
grid-column: 1/-1;
|
|
2092
2092
|
grid-row: 1/-1;
|
|
2093
2093
|
content: "";
|
|
@@ -2096,29 +2096,29 @@
|
|
|
2096
2096
|
z-index: -1;
|
|
2097
2097
|
pointer-events: none;
|
|
2098
2098
|
}
|
|
2099
|
-
:where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view,
|
|
2099
|
+
:where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view, content-view > scroll-view, [is=full-screen] > scroll-view, [is=sheet-view] > scroll-view)::before {
|
|
2100
2100
|
block-size: calc(100% + var(--safe-area-inset-bottom) + 1px);
|
|
2101
2101
|
}
|
|
2102
|
-
:where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view,
|
|
2102
|
+
:where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view, content-view > scroll-view, [is=full-screen] > scroll-view, [is=sheet-view] > scroll-view) {
|
|
2103
2103
|
grid-template-columns: minmax(0, 1fr);
|
|
2104
2104
|
grid-template-rows: 0 minmax(max-content, 1fr);
|
|
2105
2105
|
grid-template-areas: "toolbar" "main";
|
|
2106
2106
|
}
|
|
2107
|
-
:where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view,
|
|
2107
|
+
:where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view, content-view > scroll-view, [is=full-screen] > scroll-view, [is=sheet-view] > scroll-view) > *:not([slot]) {
|
|
2108
2108
|
grid-area: main;
|
|
2109
2109
|
}
|
|
2110
|
-
:where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view,
|
|
2110
|
+
:where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view, content-view > scroll-view, [is=full-screen] > scroll-view, [is=sheet-view] > scroll-view):has(~ tool-bar > [slot^=top-bar],
|
|
2111
2111
|
~ tool-bar > [slot=cancellation-action],
|
|
2112
2112
|
~ tool-bar > [slot=primary-action],
|
|
2113
2113
|
~ tool-bar > [slot=confirmation-action],
|
|
2114
|
-
~ tool-bar > [slot=destructive-action]), :where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view,
|
|
2114
|
+
~ tool-bar > [slot=destructive-action]), :where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view, content-view > scroll-view, [is=full-screen] > scroll-view, [is=sheet-view] > scroll-view):has(> [slot^=top-bar], > [slot=cancellation-action], > [slot=primary-action], > [slot=confirmation-action], > [slot=destructive-action]) {
|
|
2115
2115
|
grid-template-rows: var(--navigation-bar-block-size) minmax(max-content, 1fr);
|
|
2116
2116
|
}
|
|
2117
|
-
:where(navigation-stack > scroll-view[navigation-bar-title-display-mode=large], navigation-split-view > scroll-view[navigation-bar-title-display-mode=large], [is=sidebar-view] > scroll-view[navigation-bar-title-display-mode=large],
|
|
2117
|
+
:where(navigation-stack > scroll-view[navigation-bar-title-display-mode=large], navigation-split-view > scroll-view[navigation-bar-title-display-mode=large], [is=sidebar-view] > scroll-view[navigation-bar-title-display-mode=large], content-view > scroll-view[navigation-bar-title-display-mode=large], [is=full-screen] > scroll-view[navigation-bar-title-display-mode=large], [is=sheet-view] > scroll-view[navigation-bar-title-display-mode=large]) > [slot=top-bar-principal] {
|
|
2118
2118
|
opacity: 0;
|
|
2119
2119
|
visibility: collapse;
|
|
2120
2120
|
}
|
|
2121
|
-
:where(navigation-stack > scroll-view sticky-container, navigation-split-view > scroll-view sticky-container, [is=sidebar-view] > scroll-view sticky-container,
|
|
2121
|
+
:where(navigation-stack > scroll-view sticky-container, navigation-split-view > scroll-view sticky-container, [is=sidebar-view] > scroll-view sticky-container, content-view > scroll-view sticky-container, [is=full-screen] > scroll-view sticky-container, [is=sheet-view] > scroll-view sticky-container):before, :where(navigation-stack > scroll-view sticky-container, navigation-split-view > scroll-view sticky-container, [is=sidebar-view] > scroll-view sticky-container, content-view > scroll-view sticky-container, [is=full-screen] > scroll-view sticky-container, [is=sheet-view] > scroll-view sticky-container):after {
|
|
2122
2122
|
backface-visibility: hidden;
|
|
2123
2123
|
content: "";
|
|
2124
2124
|
inset: 0 0 var(--navbar-backdrop-inset-block-end, 0) 0;
|
|
@@ -2126,23 +2126,23 @@
|
|
|
2126
2126
|
pointer-events: none;
|
|
2127
2127
|
z-index: -1;
|
|
2128
2128
|
}
|
|
2129
|
-
:where(navigation-stack > scroll-view sticky-container, navigation-split-view > scroll-view sticky-container, [is=sidebar-view] > scroll-view sticky-container,
|
|
2129
|
+
:where(navigation-stack > scroll-view sticky-container, navigation-split-view > scroll-view sticky-container, [is=sidebar-view] > scroll-view sticky-container, content-view > scroll-view sticky-container, [is=full-screen] > scroll-view sticky-container, [is=sheet-view] > scroll-view sticky-container):before {
|
|
2130
2130
|
backdrop-filter: blur(2px);
|
|
2131
2131
|
mask-image: linear-gradient(to bottom, oklch(0% 0 0deg) 50%, oklch(0% 0 0deg / 0) 100%);
|
|
2132
2132
|
}
|
|
2133
|
-
:where(navigation-stack > scroll-view sticky-container, navigation-split-view > scroll-view sticky-container, [is=sidebar-view] > scroll-view sticky-container,
|
|
2133
|
+
:where(navigation-stack > scroll-view sticky-container, navigation-split-view > scroll-view sticky-container, [is=sidebar-view] > scroll-view sticky-container, content-view > scroll-view sticky-container, [is=full-screen] > scroll-view sticky-container, [is=sheet-view] > scroll-view sticky-container):after {
|
|
2134
2134
|
background-image: linear-gradient(to bottom, var(--face) 0, oklch(0% 0 0deg / 0) 100%);
|
|
2135
2135
|
}
|
|
2136
|
-
:where(navigation-stack > scroll-view sticky-container, navigation-split-view > scroll-view sticky-container, [is=sidebar-view] > scroll-view sticky-container,
|
|
2136
|
+
:where(navigation-stack > scroll-view sticky-container, navigation-split-view > scroll-view sticky-container, [is=sidebar-view] > scroll-view sticky-container, content-view > scroll-view sticky-container, [is=full-screen] > scroll-view sticky-container, [is=sheet-view] > scroll-view sticky-container):after {
|
|
2137
2137
|
display: none;
|
|
2138
2138
|
}
|
|
2139
2139
|
@supports (container-type: scroll-state) {
|
|
2140
|
-
:where(navigation-stack > scroll-view:has(sticky-container[stuck]), navigation-split-view > scroll-view:has(sticky-container[stuck]), [is=sidebar-view] > scroll-view:has(sticky-container[stuck]),
|
|
2140
|
+
:where(navigation-stack > scroll-view:has(sticky-container[stuck]), navigation-split-view > scroll-view:has(sticky-container[stuck]), [is=sidebar-view] > scroll-view:has(sticky-container[stuck]), content-view > scroll-view:has(sticky-container[stuck]), [is=full-screen] > scroll-view:has(sticky-container[stuck]), [is=sheet-view] > scroll-view:has(sticky-container[stuck]))::part(scroll-view-navbar):before {
|
|
2141
2141
|
mask-image: none !important;
|
|
2142
2142
|
}
|
|
2143
2143
|
}
|
|
2144
2144
|
@supports not (container-type: scroll-state) {
|
|
2145
|
-
:where(navigation-stack > scroll-view:has(sticky-container), navigation-split-view > scroll-view:has(sticky-container), [is=sidebar-view] > scroll-view:has(sticky-container),
|
|
2145
|
+
:where(navigation-stack > scroll-view:has(sticky-container), navigation-split-view > scroll-view:has(sticky-container), [is=sidebar-view] > scroll-view:has(sticky-container), content-view > scroll-view:has(sticky-container), [is=full-screen] > scroll-view:has(sticky-container), [is=sheet-view] > scroll-view:has(sticky-container))::part(scroll-view-navbar):before {
|
|
2146
2146
|
mask-image: none !important;
|
|
2147
2147
|
}
|
|
2148
2148
|
}
|
|
@@ -4296,7 +4296,7 @@
|
|
|
4296
4296
|
--list--accessories-display: none;
|
|
4297
4297
|
--list--rootsummary-marker-display: marker-trailing;
|
|
4298
4298
|
}
|
|
4299
|
-
:where(navigation-split-view > scroll-view list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-expanded-style], navigation-split-view >
|
|
4299
|
+
:where(navigation-split-view > scroll-view list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-expanded-style], navigation-split-view > content-view > scroll-view list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-expanded-style]) {
|
|
4300
4300
|
--list--item-color: var(--insetlist-item-color, );
|
|
4301
4301
|
--list--item-background-color: var(--insetlist-item-background-color, );
|
|
4302
4302
|
--list--highlighteditem-color: var(--insetlist-highlighteditem-color, );
|
|
@@ -4323,7 +4323,7 @@
|
|
|
4323
4323
|
:where(navigation-split-view:has(> [is=sidebar-view]) > [is=sidebar-view] list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[list-style]) {
|
|
4324
4324
|
--list-style: sidebar;
|
|
4325
4325
|
}
|
|
4326
|
-
:where(navigation-split-view > scroll-view list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-expanded-style], navigation-split-view >
|
|
4326
|
+
:where(navigation-split-view > scroll-view list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-expanded-style], navigation-split-view > content-view > scroll-view list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)[preferred-expanded-style]) {
|
|
4327
4327
|
--list-style: inset;
|
|
4328
4328
|
}
|
|
4329
4329
|
}
|
|
@@ -4360,7 +4360,7 @@
|
|
|
4360
4360
|
--itemactiveface: var(--accentColor);
|
|
4361
4361
|
}
|
|
4362
4362
|
}
|
|
4363
|
-
:where(navigation-split-view:has(> [is=sidebar-view])[preferred-compact-column=content]:not([column-visibility=double-column]) >
|
|
4363
|
+
:where(navigation-split-view:has(> [is=sidebar-view])[preferred-compact-column=content]:not([column-visibility=double-column]) > content-view > scroll-view list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)) {
|
|
4364
4364
|
--list--accessories-size: 0rem;
|
|
4365
4365
|
--list--accessories-display: none;
|
|
4366
4366
|
--insetlist-highlighteditem-background-color: var(--accentColor);
|
|
@@ -4369,14 +4369,14 @@
|
|
|
4369
4369
|
--insetgroupedlist-highlighteditem-color: var(--tintcontrast);
|
|
4370
4370
|
}
|
|
4371
4371
|
@container style(--list-style: inset) or style(--list-style: inset-grouped) {
|
|
4372
|
-
:where(navigation-split-view:has(> [is=sidebar-view])[preferred-compact-column=content]:not([column-visibility=double-column]) >
|
|
4372
|
+
:where(navigation-split-view:has(> [is=sidebar-view])[preferred-compact-column=content]:not([column-visibility=double-column]) > content-view > scroll-view list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) button[list-item-tint]) {
|
|
4373
4373
|
--itemhighlightface: var(--accentColor);
|
|
4374
4374
|
--itemactiveface: var(--accentColor);
|
|
4375
4375
|
}
|
|
4376
4376
|
}
|
|
4377
4377
|
}
|
|
4378
4378
|
@media (min-width: 64rem) {
|
|
4379
|
-
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) >
|
|
4379
|
+
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > content-view > scroll-view list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view)) {
|
|
4380
4380
|
--list--accessories-size: 0rem;
|
|
4381
4381
|
--list--accessories-display: none;
|
|
4382
4382
|
--insetlist-highlighteditem-background-color: var(--accentColor);
|
|
@@ -4385,7 +4385,7 @@
|
|
|
4385
4385
|
--insetgroupedlist-highlighteditem-color: var(--tintcontrast);
|
|
4386
4386
|
}
|
|
4387
4387
|
@container style(--list-style: inset) or style(--list-style: inset-grouped) {
|
|
4388
|
-
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) >
|
|
4388
|
+
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > content-view > scroll-view list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) button[list-item-tint]) {
|
|
4389
4389
|
--itemhighlightface: var(--accentColor);
|
|
4390
4390
|
--itemactiveface: var(--accentColor);
|
|
4391
4391
|
}
|
|
@@ -4669,7 +4669,7 @@
|
|
|
4669
4669
|
--list--accessories-display: none;
|
|
4670
4670
|
--list--rootsummary-marker-display: marker-trailing;
|
|
4671
4671
|
}
|
|
4672
|
-
:where(navigation-split-view > scroll-view [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])[preferred-expanded-style], navigation-split-view >
|
|
4672
|
+
:where(navigation-split-view > scroll-view [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])[preferred-expanded-style], navigation-split-view > content-view > scroll-view [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])[preferred-expanded-style]) {
|
|
4673
4673
|
--list--host-background-color: var(--insetform-background-color, );
|
|
4674
4674
|
--list--host-padding-inline: var(--insetform-padding-inline);
|
|
4675
4675
|
--list--host-padding-block: var(--insetform-padding-block);
|
|
@@ -4696,7 +4696,7 @@
|
|
|
4696
4696
|
:where(navigation-split-view:has(> [is=sidebar-view]) > [is=sidebar-view] [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])[list-style]) {
|
|
4697
4697
|
--form-style: sidebar;
|
|
4698
4698
|
}
|
|
4699
|
-
:where(navigation-split-view > scroll-view [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])[preferred-expanded-style], navigation-split-view >
|
|
4699
|
+
:where(navigation-split-view > scroll-view [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])[preferred-expanded-style], navigation-split-view > content-view > scroll-view [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])[preferred-expanded-style]) {
|
|
4700
4700
|
--form-style: inset;
|
|
4701
4701
|
}
|
|
4702
4702
|
}
|
|
@@ -4733,7 +4733,7 @@
|
|
|
4733
4733
|
--itemactiveface: var(--accentColor);
|
|
4734
4734
|
}
|
|
4735
4735
|
}
|
|
4736
|
-
:where(navigation-split-view:has(> [is=sidebar-view])[preferred-compact-column=content]:not([column-visibility=double-column]) >
|
|
4736
|
+
:where(navigation-split-view:has(> [is=sidebar-view])[preferred-compact-column=content]:not([column-visibility=double-column]) > content-view > scroll-view [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])) {
|
|
4737
4737
|
--list--accessories-size: 0rem;
|
|
4738
4738
|
--list--accessories-display: none;
|
|
4739
4739
|
--insetform-highlighteditem-background-color: var(--accentColor);
|
|
@@ -4742,14 +4742,14 @@
|
|
|
4742
4742
|
--insetgroupedform-highlighteditem-color: var(--tintcontrast);
|
|
4743
4743
|
}
|
|
4744
4744
|
@container style(--list-style: inset) or style(--list-style: inset-grouped) {
|
|
4745
|
-
:where(navigation-split-view:has(> [is=sidebar-view])[preferred-compact-column=content]:not([column-visibility=double-column]) >
|
|
4745
|
+
:where(navigation-split-view:has(> [is=sidebar-view])[preferred-compact-column=content]:not([column-visibility=double-column]) > content-view > scroll-view [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) button[list-item-tint]) {
|
|
4746
4746
|
--itemhighlightface: var(--accentColor);
|
|
4747
4747
|
--itemactiveface: var(--accentColor);
|
|
4748
4748
|
}
|
|
4749
4749
|
}
|
|
4750
4750
|
}
|
|
4751
4751
|
@media (min-width: 64rem) {
|
|
4752
|
-
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) >
|
|
4752
|
+
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > content-view > scroll-view [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view])) {
|
|
4753
4753
|
--list--accessories-size: 0rem;
|
|
4754
4754
|
--list--accessories-display: none;
|
|
4755
4755
|
--insetform-highlighteditem-background-color: var(--accentColor);
|
|
@@ -4758,7 +4758,7 @@
|
|
|
4758
4758
|
--insetgroupedform-highlighteditem-color: var(--tintcontrast);
|
|
4759
4759
|
}
|
|
4760
4760
|
@container style(--list-style: inset) or style(--list-style: inset-grouped) {
|
|
4761
|
-
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) >
|
|
4761
|
+
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > content-view > scroll-view [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) button[list-item-tint]) {
|
|
4762
4762
|
--itemhighlightface: var(--accentColor);
|
|
4763
4763
|
--itemactiveface: var(--accentColor);
|
|
4764
4764
|
}
|
|
@@ -5465,23 +5465,23 @@
|
|
|
5465
5465
|
:where(scroll-view:has(~ navigation-split-view:not([hidden]))) {
|
|
5466
5466
|
z-index: -1;
|
|
5467
5467
|
}
|
|
5468
|
-
:where(navigation-split-view >
|
|
5468
|
+
:where(navigation-split-view > content-view ~ scroll-view, navigation-split-view > content-view ~ [is=sidebar-view]) {
|
|
5469
5469
|
z-index: -1;
|
|
5470
5470
|
}
|
|
5471
|
-
:where(navigation-split-view:has(> [is=sidebar-view]) >
|
|
5471
|
+
:where(navigation-split-view:has(> [is=sidebar-view]) > content-view ~ [is=sidebar-view]) {
|
|
5472
5472
|
z-index: -2;
|
|
5473
5473
|
}
|
|
5474
|
-
:where(navigation-split-view:has(> [is=sidebar-view]) >
|
|
5474
|
+
:where(navigation-split-view:has(> [is=sidebar-view]) > content-view > content-view ~ scroll-view) {
|
|
5475
5475
|
z-index: -1;
|
|
5476
5476
|
}
|
|
5477
5477
|
}
|
|
5478
5478
|
@media (max-width: 63.9999rem) {
|
|
5479
|
-
:where(navigation-split-view:has(> [is=sidebar-view]):not([preferred-compact-column=content]) >
|
|
5479
|
+
:where(navigation-split-view:has(> [is=sidebar-view]):not([preferred-compact-column=content]) > content-view > content-view ~ scroll-view) {
|
|
5480
5480
|
z-index: -1;
|
|
5481
5481
|
}
|
|
5482
5482
|
}
|
|
5483
5483
|
@media (min-width: 43rem) {
|
|
5484
|
-
:where(navigation-split-view:has(> [is=sidebar-view])[column-visibility=double-column] >
|
|
5484
|
+
:where(navigation-split-view:has(> [is=sidebar-view])[column-visibility=double-column] > content-view > content-view ~ scroll-view) {
|
|
5485
5485
|
z-index: -1;
|
|
5486
5486
|
}
|
|
5487
5487
|
}
|
|
@@ -5505,7 +5505,7 @@
|
|
|
5505
5505
|
:where(navigation-split-view > scroll-view) {
|
|
5506
5506
|
border-right: solid 1px var(--separator);
|
|
5507
5507
|
}
|
|
5508
|
-
:where(navigation-split-view >
|
|
5508
|
+
:where(navigation-split-view > content-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), navigation-split-view > content-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar) {
|
|
5509
5509
|
margin-inline-start: var(--nav-split-view--content-inline-size);
|
|
5510
5510
|
}
|
|
5511
5511
|
:where(navigation-split-view:has(> [is=sidebar-view]) > [is=sidebar-view]) {
|
|
@@ -5526,7 +5526,7 @@
|
|
|
5526
5526
|
backdrop-filter: var(--liquid-glass-backdrop-filter);
|
|
5527
5527
|
--scroll-view-box-shadow: var(--liquid-glass-box-shadow);
|
|
5528
5528
|
}
|
|
5529
|
-
:where(navigation-split-view:has(> [is=sidebar-view]) >
|
|
5529
|
+
:where(navigation-split-view:has(> [is=sidebar-view]) > content-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), navigation-split-view:has(> [is=sidebar-view]) > content-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar) {
|
|
5530
5530
|
margin-inline-start: 0px;
|
|
5531
5531
|
--safe-area-inset-left: calc(var(--nav-split-view-sidebar-inline-size) + max(env(safe-area-inset-left), var(--sidebar-inline-spacing)));
|
|
5532
5532
|
--safe-area-inset-top: max(env(safe-area-inset-top), var(--sidebar-block-spacing));
|
|
@@ -5539,50 +5539,50 @@
|
|
|
5539
5539
|
navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > [is=sidebar-view]) {
|
|
5540
5540
|
margin-inline-start: calc(var(--nav-split-view-sidebar-inline-size) * -1);
|
|
5541
5541
|
}
|
|
5542
|
-
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] >
|
|
5542
|
+
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > content-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > content-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar) {
|
|
5543
5543
|
margin-inline-start: var(--nav-split-view--content-inline-size);
|
|
5544
5544
|
--safe-area-inset-left: 0px;
|
|
5545
5545
|
}
|
|
5546
|
-
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] >
|
|
5546
|
+
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > content-view > scroll-view) {
|
|
5547
5547
|
border-right: solid 1px var(--separator);
|
|
5548
5548
|
}
|
|
5549
|
-
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] >
|
|
5550
|
-
navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] >
|
|
5549
|
+
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > content-view > scroll-view ~ tool-bar > tool-bar-item,
|
|
5550
|
+
navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > content-view > scroll-view ~ tool-bar > tool-bar-item-group) {
|
|
5551
5551
|
--toolbar-cell-scale: scale(var(--view-transition-toolbar-cell-onscreen-scale));
|
|
5552
5552
|
--toolbar-cell-filter: none;
|
|
5553
5553
|
--toolbar-cell-opacity: 1;
|
|
5554
5554
|
}
|
|
5555
|
-
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] >
|
|
5555
|
+
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar) {
|
|
5556
5556
|
inline-size: var(--nav-split-view--content-inline-size);
|
|
5557
5557
|
margin-inline-start: 0px;
|
|
5558
5558
|
--safe-area-inset-left: env(safe-area-inset-left);
|
|
5559
5559
|
--safe-area-inset-right: 0px;
|
|
5560
5560
|
}
|
|
5561
|
-
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] >
|
|
5561
|
+
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view)) {
|
|
5562
5562
|
--navbar-safe-area-inset-left: calc(var(--sidebar-toggle-padding-inline-start, 0px) - env(safe-area-inset-left));
|
|
5563
5563
|
}
|
|
5564
|
-
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] >
|
|
5564
|
+
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(bottom-bar) {
|
|
5565
5565
|
--safe-area-inset-left: max(env(safe-area-inset-left), var(--sidebar-inline-spacing));
|
|
5566
5566
|
}
|
|
5567
|
-
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] >
|
|
5567
|
+
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(top-bar) {
|
|
5568
5568
|
--safe-area-inset-left: var(--sidebar-toggle-padding-inline-start, 0px);
|
|
5569
5569
|
}
|
|
5570
5570
|
}
|
|
5571
5571
|
@media (min-width: 43rem) and (min-width: 64rem) {
|
|
5572
|
-
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) >
|
|
5573
|
-
navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) >
|
|
5572
|
+
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > content-view > scroll-view ~ tool-bar > tool-bar-item,
|
|
5573
|
+
navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > content-view > scroll-view ~ tool-bar > tool-bar-item-group) {
|
|
5574
5574
|
--toolbar-cell-scale: scale(var(--view-transition-toolbar-cell-onscreen-scale));
|
|
5575
5575
|
--toolbar-cell-filter: none;
|
|
5576
5576
|
--toolbar-cell-opacity: 1;
|
|
5577
5577
|
}
|
|
5578
|
-
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) >
|
|
5578
|
+
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > content-view > scroll-view, navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > content-view > scroll-view ~ tool-bar) {
|
|
5579
5579
|
inline-size: calc(var(--nav-split-view--content-inline-size) + var(--nav-split-view-sidebar-inline-size));
|
|
5580
5580
|
--safe-area-inset-right: 0px;
|
|
5581
5581
|
}
|
|
5582
|
-
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) >
|
|
5582
|
+
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > content-view > scroll-view) {
|
|
5583
5583
|
border-right: solid 1px var(--separator);
|
|
5584
5584
|
}
|
|
5585
|
-
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) >
|
|
5585
|
+
:where(navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > content-view > content-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > content-view > content-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar) {
|
|
5586
5586
|
--safe-area-inset-left: 0px;
|
|
5587
5587
|
margin-inline-start: calc(var(--nav-split-view-sidebar-inline-size) + var(--nav-split-view--content-inline-size));
|
|
5588
5588
|
}
|
|
@@ -5594,23 +5594,23 @@
|
|
|
5594
5594
|
navigation-split-view > [is=sidebar-view] > scroll-view {
|
|
5595
5595
|
--scroll-view-translate: translateX(var(--view-transition-principal-x));
|
|
5596
5596
|
}
|
|
5597
|
-
navigation-split-view >
|
|
5597
|
+
navigation-split-view > content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view).bwd, navigation-split-view > content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view).fwdd, navigation-split-view > content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar .bwn, navigation-split-view > content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar .fwnn {
|
|
5598
5598
|
transition-duration: 0ms;
|
|
5599
5599
|
}
|
|
5600
5600
|
}
|
|
5601
5601
|
@media (min-width: 43rem) and (max-width: 63.9999rem) {
|
|
5602
|
-
navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] >
|
|
5602
|
+
navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > content-view > scroll-view {
|
|
5603
5603
|
--scroll-view-translate: translateX(var(--view-transition-principal-x));
|
|
5604
5604
|
}
|
|
5605
|
-
navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] >
|
|
5605
|
+
navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > content-view > content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view).bwd, navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > content-view > content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view).fwdd, navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > content-view > content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar .bwn, navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > content-view > content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar .fwnn {
|
|
5606
5606
|
transition-duration: 0ms;
|
|
5607
5607
|
}
|
|
5608
5608
|
}
|
|
5609
5609
|
@media (min-width: 43rem) and (min-width: 64rem) {
|
|
5610
|
-
navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) >
|
|
5610
|
+
navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > content-view > scroll-view {
|
|
5611
5611
|
--scroll-view-translate: translateX(var(--view-transition-principal-x));
|
|
5612
5612
|
}
|
|
5613
|
-
navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) >
|
|
5613
|
+
navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > content-view > content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view).bwd, navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > content-view > content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view).fwdd, navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > content-view > content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar .bwn, navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > content-view > content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar .fwnn {
|
|
5614
5614
|
transition-duration: 0ms;
|
|
5615
5615
|
}
|
|
5616
5616
|
}
|
|
@@ -5667,7 +5667,7 @@
|
|
|
5667
5667
|
--adaptable-tab-bar-placement: bottom-bar;
|
|
5668
5668
|
--adaptable-tab-bar-placement-index: 0;
|
|
5669
5669
|
}
|
|
5670
|
-
:where(tab-view[tab-view-style=tab-bar-only] navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view[tab-view-style=tab-bar-only] navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view[tab-view-style=tab-bar-only] navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view[tab-view-style=tab-bar-only] navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view[tab-view-style=tab-bar-only]
|
|
5670
|
+
:where(tab-view[tab-view-style=tab-bar-only] navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view[tab-view-style=tab-bar-only] navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view[tab-view-style=tab-bar-only] navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view[tab-view-style=tab-bar-only] navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view[tab-view-style=tab-bar-only] content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view[tab-view-style=tab-bar-only] content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar) {
|
|
5671
5671
|
--safe-area-inset-bottom: max(env(safe-area-inset-bottom), var(--sidebar-block-spacing));
|
|
5672
5672
|
}
|
|
5673
5673
|
}
|
|
@@ -5677,7 +5677,7 @@
|
|
|
5677
5677
|
}
|
|
5678
5678
|
}
|
|
5679
5679
|
@media (pointer: coarse) {
|
|
5680
|
-
:where(tab-view[tab-view-style=tab-bar-only] navigation-stack > scroll-view:not(:has(~ tool-bar > [slot^=bottom-bar])):not(:has(> [slot^=bottom-bar]))), :where(tab-view[tab-view-style=tab-bar-only] navigation-split-view > scroll-view:not(:has(~ tool-bar > [slot^=bottom-bar])):not(:has(> [slot^=bottom-bar]))), :where(tab-view[tab-view-style=tab-bar-only]
|
|
5680
|
+
:where(tab-view[tab-view-style=tab-bar-only] navigation-stack > scroll-view:not(:has(~ tool-bar > [slot^=bottom-bar])):not(:has(> [slot^=bottom-bar]))), :where(tab-view[tab-view-style=tab-bar-only] navigation-split-view > scroll-view:not(:has(~ tool-bar > [slot^=bottom-bar])):not(:has(> [slot^=bottom-bar]))), :where(tab-view[tab-view-style=tab-bar-only] content-view > scroll-view:not(:has(~ tool-bar > [slot^=bottom-bar])):not(:has(> [slot^=bottom-bar]))) {
|
|
5681
5681
|
--safe-area-inset-bottom: calc(max(env(safe-area-inset-bottom), var(--sidebar-block-spacing)) + var(--iphone-tabbar-block-size));
|
|
5682
5682
|
}
|
|
5683
5683
|
}
|
|
@@ -5687,7 +5687,7 @@
|
|
|
5687
5687
|
}
|
|
5688
5688
|
}
|
|
5689
5689
|
@media (orientation: landscape) {
|
|
5690
|
-
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view:not([tab-view-style=tab-bar-only])
|
|
5690
|
+
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view:not([tab-view-style=tab-bar-only]) content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar) {
|
|
5691
5691
|
--safe-area-inset-top: max(env(safe-area-inset-top), var(--sidebar-block-spacing));
|
|
5692
5692
|
--safe-area-inset-bottom: max(env(safe-area-inset-bottom), var(--sidebar-block-spacing));
|
|
5693
5693
|
}
|
|
@@ -5703,7 +5703,7 @@
|
|
|
5703
5703
|
--adaptable-tab-bar-placement: bottom-bar;
|
|
5704
5704
|
--adaptable-tab-bar-placement-index: 0;
|
|
5705
5705
|
}
|
|
5706
|
-
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view:not([tab-view-style=tab-bar-only])
|
|
5706
|
+
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view:not([tab-view-style=tab-bar-only]) content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar) {
|
|
5707
5707
|
--safe-area-inset-bottom: max(env(safe-area-inset-bottom), var(--sidebar-block-spacing));
|
|
5708
5708
|
}
|
|
5709
5709
|
}
|
|
@@ -5713,7 +5713,7 @@
|
|
|
5713
5713
|
}
|
|
5714
5714
|
}
|
|
5715
5715
|
@media (max-width: 42.9999rem) and (orientation: portrait) {
|
|
5716
|
-
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(:has(~ tool-bar > [slot^=bottom-bar])):not(:has(> [slot^=bottom-bar]))), :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(:has(~ tool-bar > [slot^=bottom-bar])):not(:has(> [slot^=bottom-bar]))), :where(tab-view:not([tab-view-style=tab-bar-only])
|
|
5716
|
+
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(:has(~ tool-bar > [slot^=bottom-bar])):not(:has(> [slot^=bottom-bar]))), :where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(:has(~ tool-bar > [slot^=bottom-bar])):not(:has(> [slot^=bottom-bar]))), :where(tab-view:not([tab-view-style=tab-bar-only]) content-view > scroll-view:not(:has(~ tool-bar > [slot^=bottom-bar])):not(:has(> [slot^=bottom-bar]))) {
|
|
5717
5717
|
--safe-area-inset-bottom: calc(max(env(safe-area-inset-bottom), var(--sidebar-block-spacing)) + var(--iphone-tabbar-block-size));
|
|
5718
5718
|
}
|
|
5719
5719
|
}
|
|
@@ -5763,55 +5763,55 @@
|
|
|
5763
5763
|
}
|
|
5764
5764
|
}
|
|
5765
5765
|
@media (max-width: 67.9999rem) and (orientation: landscape) and (min-width: 43rem) {
|
|
5766
|
-
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:not(:has(> [is=sidebar-view])) >
|
|
5766
|
+
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:not(:has(> [is=sidebar-view])) > content-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view)) {
|
|
5767
5767
|
--navbar-safe-area-inset-left: revert;
|
|
5768
5768
|
}
|
|
5769
|
-
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:not(:has(> [is=sidebar-view])) >
|
|
5769
|
+
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:not(:has(> [is=sidebar-view])) > content-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(bottom-bar) {
|
|
5770
5770
|
--safe-area-inset-left: revert;
|
|
5771
5771
|
}
|
|
5772
|
-
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:not(:has(> [is=sidebar-view])) >
|
|
5772
|
+
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:not(:has(> [is=sidebar-view])) > content-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(top-bar) {
|
|
5773
5773
|
--safe-area-inset-left: revert;
|
|
5774
5774
|
}
|
|
5775
|
-
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]):not([preferred-compact-column=content]) >
|
|
5775
|
+
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]):not([preferred-compact-column=content]) > content-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view)) {
|
|
5776
5776
|
--navbar-safe-area-inset-left: revert;
|
|
5777
5777
|
}
|
|
5778
|
-
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]):not([preferred-compact-column=content]) >
|
|
5778
|
+
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]):not([preferred-compact-column=content]) > content-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(bottom-bar) {
|
|
5779
5779
|
--safe-area-inset-left: revert;
|
|
5780
5780
|
}
|
|
5781
|
-
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]):not([preferred-compact-column=content]) >
|
|
5781
|
+
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]):not([preferred-compact-column=content]) > content-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(top-bar) {
|
|
5782
5782
|
--safe-area-inset-left: revert;
|
|
5783
5783
|
}
|
|
5784
5784
|
}
|
|
5785
5785
|
@media (max-width: 67.9999rem) and (orientation: landscape) and (min-width: 43rem) and (max-width: 63.9999rem) {
|
|
5786
|
-
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] >
|
|
5786
|
+
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > content-view > content-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view)) {
|
|
5787
5787
|
--navbar-safe-area-inset-left: revert;
|
|
5788
5788
|
}
|
|
5789
|
-
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] >
|
|
5789
|
+
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > content-view > content-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(bottom-bar) {
|
|
5790
5790
|
--safe-area-inset-left: revert;
|
|
5791
5791
|
}
|
|
5792
|
-
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] >
|
|
5792
|
+
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column])[preferred-compact-column=content] > content-view > content-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(top-bar) {
|
|
5793
5793
|
--safe-area-inset-left: revert;
|
|
5794
5794
|
}
|
|
5795
5795
|
}
|
|
5796
5796
|
@media (max-width: 67.9999rem) and (orientation: landscape) and (min-width: 43rem) and (min-width: 64rem) {
|
|
5797
|
-
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) >
|
|
5797
|
+
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > content-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view)) {
|
|
5798
5798
|
--navbar-safe-area-inset-left: revert;
|
|
5799
5799
|
}
|
|
5800
|
-
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) >
|
|
5800
|
+
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > content-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(bottom-bar) {
|
|
5801
5801
|
--safe-area-inset-left: revert;
|
|
5802
5802
|
}
|
|
5803
|
-
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) >
|
|
5803
|
+
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view]):not([column-visibility=double-column]) > content-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(top-bar) {
|
|
5804
5804
|
--safe-area-inset-left: revert;
|
|
5805
5805
|
}
|
|
5806
5806
|
}
|
|
5807
5807
|
@media (max-width: 67.9999rem) and (orientation: landscape) and (min-width: 43rem) {
|
|
5808
|
-
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view])[column-visibility=double-column] >
|
|
5808
|
+
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view])[column-visibility=double-column] > content-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view)) {
|
|
5809
5809
|
--navbar-safe-area-inset-left: revert;
|
|
5810
5810
|
}
|
|
5811
|
-
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view])[column-visibility=double-column] >
|
|
5811
|
+
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view])[column-visibility=double-column] > content-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(bottom-bar) {
|
|
5812
5812
|
--safe-area-inset-left: revert;
|
|
5813
5813
|
}
|
|
5814
|
-
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view])[column-visibility=double-column] >
|
|
5814
|
+
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:has(> [is=sidebar-view])[column-visibility=double-column] > content-view scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar)::part(top-bar) {
|
|
5815
5815
|
--safe-area-inset-left: revert;
|
|
5816
5816
|
}
|
|
5817
5817
|
}
|
|
@@ -5823,11 +5823,11 @@
|
|
|
5823
5823
|
tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:not(:has(> [is=sidebar-view])) {
|
|
5824
5824
|
--nav-split-view--content-inline-size: calc(var(--nav-split-view-content-inline-size) + var(--sidebar-inline-size, 0px));
|
|
5825
5825
|
}
|
|
5826
|
-
tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:not(:has(> [is=sidebar-view])) >
|
|
5826
|
+
tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view:not(:has(> [is=sidebar-view])) > content-view {
|
|
5827
5827
|
--sidebar-inline-size: 0px;
|
|
5828
5828
|
--sidebar-inline-spacing: 0px;
|
|
5829
5829
|
}
|
|
5830
|
-
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view:not([tab-view-style=tab-bar-only])
|
|
5830
|
+
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view:not([tab-view-style=tab-bar-only]) content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar) {
|
|
5831
5831
|
--safe-area-inset-left: calc(max(env(safe-area-inset-left), var(--sidebar-inline-spacing)) + var(--sidebar-inline-size));
|
|
5832
5832
|
}
|
|
5833
5833
|
}
|
|
@@ -5838,7 +5838,7 @@
|
|
|
5838
5838
|
--adaptable-tab-bar-placement: top-bar;
|
|
5839
5839
|
--adaptable-tab-bar-placement-index: 1;
|
|
5840
5840
|
}
|
|
5841
|
-
:where(tab-view[tab-view-style=tab-bar-only] navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view[tab-view-style=tab-bar-only] navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view[tab-view-style=tab-bar-only] navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view[tab-view-style=tab-bar-only] navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view[tab-view-style=tab-bar-only]
|
|
5841
|
+
:where(tab-view[tab-view-style=tab-bar-only] navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view[tab-view-style=tab-bar-only] navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view[tab-view-style=tab-bar-only] navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view[tab-view-style=tab-bar-only] navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view[tab-view-style=tab-bar-only] content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view[tab-view-style=tab-bar-only] content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar) {
|
|
5842
5842
|
--safe-area-inset-top: calc(max(env(safe-area-inset-top), var(--sidebar-block-spacing)) + var(--ipad-tabbar-block-size));
|
|
5843
5843
|
}
|
|
5844
5844
|
:where(tab-view[tab-view-style=tab-bar-only] navigation-split-view > [is=sidebar-view]) {
|
|
@@ -5850,7 +5850,7 @@
|
|
|
5850
5850
|
--adaptable-tab-bar-placement: top-bar;
|
|
5851
5851
|
--adaptable-tab-bar-placement-index: 1;
|
|
5852
5852
|
}
|
|
5853
|
-
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view:not([tab-view-style=tab-bar-only])
|
|
5853
|
+
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) navigation-stack > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar, tab-view:not([tab-view-style=tab-bar-only]) content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view), tab-view:not([tab-view-style=tab-bar-only]) content-view > scroll-view:not(dialog scroll-view):not(scroll-view scroll-view) ~ tool-bar) {
|
|
5854
5854
|
--safe-area-inset-top: calc(max(env(safe-area-inset-top), var(--sidebar-block-spacing)) + var(--ipad-tabbar-block-size));
|
|
5855
5855
|
}
|
|
5856
5856
|
:where(tab-view:not([tab-view-style=tab-bar-only]) navigation-split-view > [is=sidebar-view]) {
|
|
@@ -6119,6 +6119,12 @@
|
|
|
6119
6119
|
--tertiaryBackground: initial;
|
|
6120
6120
|
--face: var(--background);
|
|
6121
6121
|
}
|
|
6122
|
+
:where([foreground=black]) {
|
|
6123
|
+
color: var(--black);
|
|
6124
|
+
}
|
|
6125
|
+
:where([foreground=white]) {
|
|
6126
|
+
color: var(--white);
|
|
6127
|
+
}
|
|
6122
6128
|
:where([foreground=primary]) {
|
|
6123
6129
|
color: var(--primary);
|
|
6124
6130
|
}
|
|
@@ -9394,7 +9400,7 @@
|
|
|
9394
9400
|
--scroll-view-translate: translateX(var(--view-transition-trailing-x));
|
|
9395
9401
|
--scroll-view-box-shadow: var(--screen-box-shadow);
|
|
9396
9402
|
}
|
|
9397
|
-
scroll-view.bwdd ~
|
|
9403
|
+
scroll-view.bwdd ~ content-view,
|
|
9398
9404
|
scroll-view.bwdd ~ navigation-stack,
|
|
9399
9405
|
scroll-view.bwdd ~ navigation-split-view {
|
|
9400
9406
|
pointer-events: none;
|
|
@@ -9405,7 +9411,7 @@
|
|
|
9405
9411
|
scroll-view.bwdd.bwd {
|
|
9406
9412
|
--scroll-view-translate: translateX(var(--view-transition-trailing-x));
|
|
9407
9413
|
}
|
|
9408
|
-
navigation-split-view >
|
|
9414
|
+
navigation-split-view > content-view:has(~ .bwdd) {
|
|
9409
9415
|
pointer-events: none;
|
|
9410
9416
|
}
|
|
9411
9417
|
}
|
|
@@ -10695,7 +10701,7 @@
|
|
|
10695
10701
|
[is=alert-dialog]:has(> scroll-view list-view[list-style=inset-grouped]:not([slot], [background]),
|
|
10696
10702
|
> scroll-view [is=form-view][form-style=inset-grouped]:not([slot], [background]),
|
|
10697
10703
|
> scroll-view table-view[table-style=inset]:not([slot], [background])),
|
|
10698
|
-
|
|
10704
|
+
content-view:has(> scroll-view list-view[list-style=inset-grouped]:not([slot], [background]),
|
|
10699
10705
|
> scroll-view [is=form-view][form-style=inset-grouped]:not([slot], [background]),
|
|
10700
10706
|
> scroll-view table-view[table-style=inset]:not([slot], [background])),
|
|
10701
10707
|
navigation-split-view:has(> scroll-view list-view[list-style=inset-grouped]:not([slot], [background]),
|