@cloudscape-design/components-themeable 3.0.513 → 3.0.515
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/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/app-layout/visual-refresh/mobile-toolbar.scss +6 -2
- package/lib/internal/scss/app-layout/visual-refresh/trigger-button.scss +4 -1
- package/lib/internal/scss/cards/styles.scss +7 -0
- package/lib/internal/scss/container/styles.scss +18 -0
- package/lib/internal/scss/wizard/styles.scss +22 -8
- package/lib/internal/template/app-layout/visual-refresh/background.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/background.js +2 -1
- package/lib/internal/template/app-layout/visual-refresh/background.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/breadcrumbs.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/breadcrumbs.js +2 -1
- package/lib/internal/template/app-layout/visual-refresh/breadcrumbs.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/header.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/header.js +2 -1
- package/lib/internal/template/app-layout/visual-refresh/header.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/mobile-toolbar.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/mobile-toolbar.js +3 -1
- package/lib/internal/template/app-layout/visual-refresh/mobile-toolbar.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/notifications.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/notifications.js +2 -1
- package/lib/internal/template/app-layout/visual-refresh/notifications.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/styles.css.js +81 -80
- package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +178 -172
- package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +81 -80
- package/lib/internal/template/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/trigger-button.js +2 -1
- package/lib/internal/template/app-layout/visual-refresh/trigger-button.js.map +1 -1
- package/lib/internal/template/cards/index.d.ts.map +1 -1
- package/lib/internal/template/cards/index.js +3 -2
- package/lib/internal/template/cards/index.js.map +1 -1
- package/lib/internal/template/cards/styles.css.js +40 -39
- package/lib/internal/template/cards/styles.scoped.css +52 -49
- package/lib/internal/template/cards/styles.selectors.js +40 -39
- package/lib/internal/template/container/internal.d.ts.map +1 -1
- package/lib/internal/template/container/internal.js +5 -3
- package/lib/internal/template/container/internal.js.map +1 -1
- package/lib/internal/template/container/styles.css.js +30 -29
- package/lib/internal/template/container/styles.scoped.css +65 -52
- package/lib/internal/template/container/styles.selectors.js +30 -29
- package/lib/internal/template/content-layout/internal.d.ts.map +1 -1
- package/lib/internal/template/content-layout/internal.js +3 -2
- package/lib/internal/template/content-layout/internal.js.map +1 -1
- package/lib/internal/template/internal/components/dark-ribbon/index.d.ts.map +1 -1
- package/lib/internal/template/internal/components/dark-ribbon/index.js +2 -1
- package/lib/internal/template/internal/components/dark-ribbon/index.js.map +1 -1
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/environment.json +1 -1
- package/lib/internal/template/internal/utils/content-header-utils.d.ts +3 -0
- package/lib/internal/template/internal/utils/content-header-utils.d.ts.map +1 -0
- package/lib/internal/template/internal/utils/content-header-utils.js +6 -0
- package/lib/internal/template/internal/utils/content-header-utils.js.map +1 -0
- package/lib/internal/template/internal/utils/global-flags.d.ts +11 -0
- package/lib/internal/template/internal/utils/global-flags.d.ts.map +1 -0
- package/lib/internal/template/internal/utils/global-flags.js +25 -0
- package/lib/internal/template/internal/utils/global-flags.js.map +1 -0
- package/lib/internal/template/split-panel/icons/bottom-icon-refresh.d.ts.map +1 -1
- package/lib/internal/template/split-panel/icons/bottom-icon-refresh.js +3 -2
- package/lib/internal/template/split-panel/icons/bottom-icon-refresh.js.map +1 -1
- package/lib/internal/template/split-panel/icons/side-position-refresh.d.ts.map +1 -1
- package/lib/internal/template/split-panel/icons/side-position-refresh.js +2 -1
- package/lib/internal/template/split-panel/icons/side-position-refresh.js.map +1 -1
- package/lib/internal/template/table/internal.d.ts.map +1 -1
- package/lib/internal/template/table/internal.js +2 -1
- package/lib/internal/template/table/internal.js.map +1 -1
- package/lib/internal/template/token-group/styles.scoped.css +1 -1
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +1 -1
- package/lib/internal/template/wizard/internal.d.ts.map +1 -1
- package/lib/internal/template/wizard/internal.js +5 -3
- package/lib/internal/template/wizard/internal.js.map +1 -1
- package/lib/internal/template/wizard/styles.css.js +32 -31
- package/lib/internal/template/wizard/styles.scoped.css +76 -65
- package/lib/internal/template/wizard/styles.selectors.js +32 -31
- package/lib/internal/template/wizard/wizard-form-header.d.ts.map +1 -1
- package/lib/internal/template/wizard/wizard-form-header.js +4 -2
- package/lib/internal/template/wizard/wizard-form-header.js.map +1 -1
- package/lib/internal/template/wizard/wizard-navigation.d.ts.map +1 -1
- package/lib/internal/template/wizard/wizard-navigation.js +3 -2
- package/lib/internal/template/wizard/wizard-navigation.js.map +1 -1
- package/package.json +1 -1
|
@@ -90,16 +90,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
div.
|
|
93
|
+
div.awsui_background_hyvsj_61vii_93:not(#\9) {
|
|
94
94
|
display: contents;
|
|
95
95
|
}
|
|
96
|
-
div.
|
|
96
|
+
div.awsui_background_hyvsj_61vii_93 > .awsui_scrolling-background_hyvsj_61vii_96:not(#\9) {
|
|
97
97
|
background-color: var(--color-background-layout-main-td853a, #f2f3f3);
|
|
98
98
|
color: var(--color-text-body-default-ffdwgg, #16191f);
|
|
99
99
|
grid-column: 1/span 5;
|
|
100
100
|
grid-row: 1/10;
|
|
101
101
|
}
|
|
102
|
-
div.
|
|
102
|
+
div.awsui_background_hyvsj_61vii_93 > .awsui_sticky-background_hyvsj_61vii_102:not(#\9) {
|
|
103
103
|
background-color: var(--color-background-layout-main-td853a, #f2f3f3);
|
|
104
104
|
grid-column: 1/span 5;
|
|
105
105
|
grid-row: 1/10;
|
|
@@ -107,10 +107,10 @@ div.awsui_background_hyvsj_1w7yt_93 > .awsui_sticky-background_hyvsj_1w7yt_102:n
|
|
|
107
107
|
top: var(--awsui-header-height-y98gph);
|
|
108
108
|
z-index: 799;
|
|
109
109
|
}
|
|
110
|
-
div.
|
|
110
|
+
div.awsui_background_hyvsj_61vii_93 > .awsui_sticky-background_hyvsj_61vii_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_61vii_110) {
|
|
111
111
|
height: calc(var(--space-scaled-s-9q8n2q, 12px) + var(--awsui-overlap-height-y98gph));
|
|
112
112
|
}
|
|
113
|
-
div.
|
|
113
|
+
div.awsui_background_hyvsj_61vii_93 > .awsui_sticky-background_hyvsj_61vii_102.awsui_has-sticky-notifications_hyvsj_61vii_110:not(#\9) {
|
|
114
114
|
height: calc(
|
|
115
115
|
var(--awsui-notifications-gap-y98gph) + var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-9q8n2q, 12px) + var(--awsui-overlap-height-y98gph)
|
|
116
116
|
);
|
|
@@ -120,7 +120,7 @@ div.awsui_background_hyvsj_1w7yt_93 > .awsui_sticky-background_hyvsj_1w7yt_102.a
|
|
|
120
120
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
121
121
|
SPDX-License-Identifier: Apache-2.0
|
|
122
122
|
*/
|
|
123
|
-
.
|
|
123
|
+
.awsui_breadcrumbs_hyvsj_61vii_123:not(#\9) {
|
|
124
124
|
background-color: var(--color-background-layout-main-td853a, #f2f3f3);
|
|
125
125
|
grid-area: breadcrumbs;
|
|
126
126
|
/*
|
|
@@ -130,7 +130,7 @@ div.awsui_background_hyvsj_1w7yt_93 > .awsui_sticky-background_hyvsj_1w7yt_102.a
|
|
|
130
130
|
be lifted so it doesn't render behind the background element.
|
|
131
131
|
*/
|
|
132
132
|
}
|
|
133
|
-
.
|
|
133
|
+
.awsui_breadcrumbs_hyvsj_61vii_123.awsui_has-sticky-background_hyvsj_61vii_133:not(#\9) {
|
|
134
134
|
z-index: 799;
|
|
135
135
|
}
|
|
136
136
|
|
|
@@ -142,7 +142,7 @@ div.awsui_background_hyvsj_1w7yt_93 > .awsui_sticky-background_hyvsj_1w7yt_102.a
|
|
|
142
142
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
143
143
|
SPDX-License-Identifier: Apache-2.0
|
|
144
144
|
*/
|
|
145
|
-
.awsui_drawers-
|
|
145
|
+
.awsui_drawers-container_hyvsj_61vii_145:not(#\9) {
|
|
146
146
|
background-color: transparent;
|
|
147
147
|
display: flex;
|
|
148
148
|
grid-column: 5;
|
|
@@ -153,18 +153,18 @@ div.awsui_background_hyvsj_1w7yt_93 > .awsui_sticky-background_hyvsj_1w7yt_102.a
|
|
|
153
153
|
top: var(--awsui-offset-top-y98gph);
|
|
154
154
|
z-index: 830;
|
|
155
155
|
}
|
|
156
|
-
.awsui_drawers-
|
|
156
|
+
.awsui_drawers-container_hyvsj_61vii_145.awsui_has-open-drawer_hyvsj_61vii_156:not(#\9) {
|
|
157
157
|
background-color: var(--color-background-container-content-il2pe5, #ffffff);
|
|
158
158
|
}
|
|
159
159
|
@media (min-width: 689px) {
|
|
160
|
-
.awsui_drawers-
|
|
160
|
+
.awsui_drawers-container_hyvsj_61vii_145:not(#\9) {
|
|
161
161
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
162
162
|
max-width: calc(var(--awsui-layout-width-y98gph) - var(--awsui-main-offset-left-y98gph) - var(--awsui-default-min-content-width-y98gph) - var(--awsui-content-gap-right-y98gph));
|
|
163
163
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
164
164
|
}
|
|
165
165
|
}
|
|
166
166
|
@media (max-width: 688px) {
|
|
167
|
-
.awsui_drawers-
|
|
167
|
+
.awsui_drawers-container_hyvsj_61vii_145:not(#\9) {
|
|
168
168
|
position: fixed;
|
|
169
169
|
right: 0;
|
|
170
170
|
z-index: 1001;
|
|
@@ -176,12 +176,12 @@ div.awsui_background_hyvsj_1w7yt_93 > .awsui_sticky-background_hyvsj_1w7yt_102.a
|
|
|
176
176
|
relative to the body.
|
|
177
177
|
*/
|
|
178
178
|
}
|
|
179
|
-
.awsui_drawers-
|
|
179
|
+
.awsui_drawers-container_hyvsj_61vii_145.awsui_disable-body-scroll_hyvsj_61vii_179:not(#\9) {
|
|
180
180
|
top: var(--awsui-header-height-y98gph);
|
|
181
181
|
}
|
|
182
182
|
}
|
|
183
183
|
|
|
184
|
-
.awsui_drawers-desktop-triggers-
|
|
184
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_61vii_184:not(#\9) {
|
|
185
185
|
border-collapse: separate;
|
|
186
186
|
border-spacing: 0;
|
|
187
187
|
box-sizing: border-box;
|
|
@@ -223,21 +223,21 @@ div.awsui_background_hyvsj_1w7yt_93 > .awsui_sticky-background_hyvsj_1w7yt_102.a
|
|
|
223
223
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
224
224
|
overscroll-behavior-y: contain;
|
|
225
225
|
}
|
|
226
|
-
.awsui_drawers-desktop-triggers-
|
|
226
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_61vii_184:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_61vii_225).awsui_has-open-drawer_hyvsj_61vii_156 {
|
|
227
227
|
width: 0;
|
|
228
228
|
}
|
|
229
|
-
.awsui_drawers-desktop-triggers-
|
|
229
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_61vii_184.awsui_has-multiple-triggers_hyvsj_61vii_225.awsui_has-open-drawer_hyvsj_61vii_156:not(#\9) {
|
|
230
230
|
background-color: var(--color-background-container-content-il2pe5, #ffffff);
|
|
231
231
|
}
|
|
232
|
-
.awsui_drawers-desktop-triggers-
|
|
232
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_61vii_184:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_61vii_225):not(.awsui_has-open-drawer_hyvsj_61vii_156) {
|
|
233
233
|
width: calc(var(--space-layout-toggle-padding-k1jpy8, 12px) * 2 + var(--space-layout-toggle-diameter-ugv12v, 36px));
|
|
234
234
|
}
|
|
235
235
|
|
|
236
|
-
.awsui_drawers-mobile-triggers-
|
|
236
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_61vii_235:not(#\9) {
|
|
237
237
|
display: flex;
|
|
238
238
|
}
|
|
239
239
|
|
|
240
|
-
.awsui_drawers-trigger-
|
|
240
|
+
.awsui_drawers-trigger-content_hyvsj_61vii_239:not(#\9) {
|
|
241
241
|
align-items: center;
|
|
242
242
|
display: flex;
|
|
243
243
|
flex-direction: column;
|
|
@@ -245,13 +245,13 @@ div.awsui_background_hyvsj_1w7yt_93 > .awsui_sticky-background_hyvsj_1w7yt_102.a
|
|
|
245
245
|
padding-top: var(--space-scaled-s-9q8n2q, 12px);
|
|
246
246
|
width: calc(var(--space-layout-toggle-padding-k1jpy8, 12px) * 2 + var(--space-layout-toggle-diameter-ugv12v, 36px));
|
|
247
247
|
}
|
|
248
|
-
.awsui_drawers-trigger-
|
|
248
|
+
.awsui_drawers-trigger-content_hyvsj_61vii_239:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_61vii_225).awsui_has-open-drawer_hyvsj_61vii_156 {
|
|
249
249
|
opacity: 0;
|
|
250
250
|
}
|
|
251
|
-
.awsui_drawers-trigger-
|
|
251
|
+
.awsui_drawers-trigger-content_hyvsj_61vii_239:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_61vii_225):not(.awsui_has-open-drawer_hyvsj_61vii_156) {
|
|
252
252
|
opacity: 1;
|
|
253
253
|
}
|
|
254
|
-
.awsui_drawers-trigger-
|
|
254
|
+
.awsui_drawers-trigger-content_hyvsj_61vii_239 > .awsui_drawers-trigger-overflow_hyvsj_61vii_253:not(#\9) {
|
|
255
255
|
padding: 0 1px;
|
|
256
256
|
display: flex;
|
|
257
257
|
align-items: center;
|
|
@@ -259,14 +259,14 @@ div.awsui_background_hyvsj_1w7yt_93 > .awsui_sticky-background_hyvsj_1w7yt_102.a
|
|
|
259
259
|
}
|
|
260
260
|
|
|
261
261
|
@media (max-width: 688px) {
|
|
262
|
-
.awsui_drawers-
|
|
262
|
+
.awsui_drawers-trigger_hyvsj_61vii_239:not(#\9) {
|
|
263
263
|
width: 40px;
|
|
264
264
|
display: flex;
|
|
265
265
|
justify-content: center;
|
|
266
266
|
}
|
|
267
267
|
}
|
|
268
268
|
|
|
269
|
-
.
|
|
269
|
+
.awsui_drawer_hyvsj_61vii_145:not(#\9) {
|
|
270
270
|
--awsui-drawer-size-y98gph: 290px;
|
|
271
271
|
background-color: var(--color-background-container-content-il2pe5, #ffffff);
|
|
272
272
|
border-color: transparent;
|
|
@@ -281,7 +281,7 @@ div.awsui_background_hyvsj_1w7yt_93 > .awsui_sticky-background_hyvsj_1w7yt_102.a
|
|
|
281
281
|
pointer-events: auto;
|
|
282
282
|
word-wrap: break-word;
|
|
283
283
|
}
|
|
284
|
-
.
|
|
284
|
+
.awsui_drawer_hyvsj_61vii_145 > .awsui_drawer-content-container_hyvsj_61vii_283:not(#\9) {
|
|
285
285
|
grid-column: 1/span 2;
|
|
286
286
|
grid-row: 1;
|
|
287
287
|
width: var(--awsui-drawer-size-y98gph);
|
|
@@ -290,41 +290,41 @@ div.awsui_background_hyvsj_1w7yt_93 > .awsui_sticky-background_hyvsj_1w7yt_102.a
|
|
|
290
290
|
grid-template-rows: var(--size-vertical-panel-icon-offset-04nxf8, 15px) auto 1fr;
|
|
291
291
|
overflow-y: auto;
|
|
292
292
|
}
|
|
293
|
-
.
|
|
293
|
+
.awsui_drawer_hyvsj_61vii_145 > .awsui_drawer-content-container_hyvsj_61vii_283 > .awsui_drawer-close-button_hyvsj_61vii_292:not(#\9) {
|
|
294
294
|
grid-column: 3;
|
|
295
295
|
grid-row: 2;
|
|
296
296
|
z-index: 1;
|
|
297
297
|
}
|
|
298
|
-
.
|
|
298
|
+
.awsui_drawer_hyvsj_61vii_145 > .awsui_drawer-content-container_hyvsj_61vii_283 > .awsui_drawer-content_hyvsj_61vii_283:not(#\9) {
|
|
299
299
|
grid-column: 1/span 4;
|
|
300
300
|
}
|
|
301
|
-
.
|
|
301
|
+
.awsui_drawer_hyvsj_61vii_145 > .awsui_drawer-content-container_hyvsj_61vii_283 > .awsui_drawer-content_hyvsj_61vii_283.awsui_drawer-content-hidden_hyvsj_61vii_300:not(#\9) {
|
|
302
302
|
display: none;
|
|
303
303
|
}
|
|
304
|
-
.
|
|
304
|
+
.awsui_drawer_hyvsj_61vii_145 > .awsui_drawer-slider_hyvsj_61vii_303:not(#\9) {
|
|
305
305
|
grid-column: 1;
|
|
306
306
|
grid-row: 1;
|
|
307
307
|
height: 100%;
|
|
308
308
|
display: flex;
|
|
309
309
|
align-items: center;
|
|
310
310
|
}
|
|
311
|
-
.
|
|
311
|
+
.awsui_drawer_hyvsj_61vii_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_61vii_310) {
|
|
312
312
|
opacity: 0;
|
|
313
313
|
width: 0;
|
|
314
314
|
}
|
|
315
|
-
.
|
|
315
|
+
.awsui_drawer_hyvsj_61vii_145.awsui_is-drawer-open_hyvsj_61vii_310:not(#\9) {
|
|
316
316
|
border-right: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
|
|
317
317
|
border-left: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
|
|
318
318
|
opacity: 1;
|
|
319
319
|
width: var(--awsui-drawer-size-y98gph);
|
|
320
320
|
}
|
|
321
321
|
@media (min-width: 2541px) {
|
|
322
|
-
.
|
|
322
|
+
.awsui_drawer_hyvsj_61vii_145.awsui_is-drawer-open_hyvsj_61vii_310:not(#\9) {
|
|
323
323
|
--awsui-drawer-size-y98gph: 320px;
|
|
324
324
|
}
|
|
325
325
|
}
|
|
326
326
|
@media (max-width: 688px) {
|
|
327
|
-
.
|
|
327
|
+
.awsui_drawer_hyvsj_61vii_145.awsui_is-drawer-open_hyvsj_61vii_310:not(#\9) {
|
|
328
328
|
--awsui-drawer-size-y98gph: 100vw;
|
|
329
329
|
width: 100vw;
|
|
330
330
|
}
|
|
@@ -334,7 +334,7 @@ div.awsui_background_hyvsj_1w7yt_93 > .awsui_sticky-background_hyvsj_1w7yt_102.a
|
|
|
334
334
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
335
335
|
SPDX-License-Identifier: Apache-2.0
|
|
336
336
|
*/
|
|
337
|
-
header.
|
|
337
|
+
header.awsui_content_hyvsj_61vii_336:not(#\9) {
|
|
338
338
|
grid-area: header;
|
|
339
339
|
}
|
|
340
340
|
|
|
@@ -355,7 +355,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
355
355
|
circumstances regardless of whether the minContentWidth property is
|
|
356
356
|
explicitly set in script.
|
|
357
357
|
*/
|
|
358
|
-
.
|
|
358
|
+
.awsui_layout_hyvsj_61vii_357:not(#\9) {
|
|
359
359
|
--awsui-breadcrumbs-gap-y98gph: 0px;
|
|
360
360
|
--awsui-content-gap-left-y98gph: 0px;
|
|
361
361
|
--awsui-content-gap-right-y98gph: 0px;
|
|
@@ -438,139 +438,139 @@ explicitly set in script.
|
|
|
438
438
|
*/
|
|
439
439
|
}
|
|
440
440
|
@media (min-width: 1401px) {
|
|
441
|
-
.
|
|
441
|
+
.awsui_layout_hyvsj_61vii_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_61vii_440) {
|
|
442
442
|
--awsui-default-max-content-width-y98gph: 1280px;
|
|
443
443
|
}
|
|
444
444
|
}
|
|
445
445
|
@media (min-width: 1921px) {
|
|
446
|
-
.
|
|
446
|
+
.awsui_layout_hyvsj_61vii_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_61vii_440) {
|
|
447
447
|
--awsui-default-max-content-width-y98gph: 1440px;
|
|
448
448
|
}
|
|
449
449
|
}
|
|
450
450
|
@media (min-width: 2541px) {
|
|
451
|
-
.
|
|
451
|
+
.awsui_layout_hyvsj_61vii_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_61vii_440) {
|
|
452
452
|
--awsui-default-max-content-width-y98gph: 1620px;
|
|
453
453
|
}
|
|
454
454
|
}
|
|
455
455
|
@media (min-width: 1401px) {
|
|
456
|
-
.
|
|
456
|
+
.awsui_layout_hyvsj_61vii_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_61vii_440).awsui_content-type-dashboard_hyvsj_61vii_455 {
|
|
457
457
|
--awsui-default-max-content-width-y98gph: 1280px;
|
|
458
458
|
}
|
|
459
459
|
}
|
|
460
460
|
@media (min-width: 1921px) {
|
|
461
|
-
.
|
|
461
|
+
.awsui_layout_hyvsj_61vii_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_61vii_440).awsui_content-type-dashboard_hyvsj_61vii_455 {
|
|
462
462
|
--awsui-default-max-content-width-y98gph: 1620px;
|
|
463
463
|
}
|
|
464
464
|
}
|
|
465
465
|
@media (min-width: 2541px) {
|
|
466
|
-
.
|
|
466
|
+
.awsui_layout_hyvsj_61vii_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_61vii_440).awsui_content-type-dashboard_hyvsj_61vii_455 {
|
|
467
467
|
--awsui-default-max-content-width-y98gph: 2160px;
|
|
468
468
|
}
|
|
469
469
|
}
|
|
470
|
-
.
|
|
470
|
+
.awsui_layout_hyvsj_61vii_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_61vii_440).awsui_content-type-table_hyvsj_61vii_469, .awsui_layout_hyvsj_61vii_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_61vii_440).awsui_content-type-cards_hyvsj_61vii_469 {
|
|
471
471
|
--awsui-default-max-content-width-y98gph: 100%;
|
|
472
472
|
}
|
|
473
|
-
.
|
|
473
|
+
.awsui_layout_hyvsj_61vii_357.awsui_has-max-content-width_hyvsj_61vii_440:not(#\9) {
|
|
474
474
|
--awsui-default-max-content-width-y98gph: var(--awsui-max-content-width-y98gph);
|
|
475
475
|
}
|
|
476
|
-
.
|
|
476
|
+
.awsui_layout_hyvsj_61vii_357.awsui_is-overlap-disabled_hyvsj_61vii_475:not(#\9) {
|
|
477
477
|
--awsui-overlap-height-y98gph: 0;
|
|
478
478
|
}
|
|
479
|
-
.
|
|
479
|
+
.awsui_layout_hyvsj_61vii_357.awsui_is-hide-mobile-toolbar_hyvsj_61vii_478:not(#\9) {
|
|
480
480
|
--awsui-mobile-bar-height-y98gph: 0px;
|
|
481
481
|
}
|
|
482
482
|
@media (min-width: 993px) {
|
|
483
|
-
.
|
|
483
|
+
.awsui_layout_hyvsj_61vii_357:not(#\9) {
|
|
484
484
|
--awsui-default-min-content-width-y98gph: var(--awsui-min-content-width-y98gph, 280px);
|
|
485
485
|
}
|
|
486
486
|
}
|
|
487
487
|
@media (max-width: 992px) {
|
|
488
|
-
.
|
|
488
|
+
.awsui_layout_hyvsj_61vii_357:not(#\9) {
|
|
489
489
|
--awsui-default-min-content-width-y98gph: 0px;
|
|
490
490
|
}
|
|
491
491
|
}
|
|
492
|
-
.
|
|
492
|
+
.awsui_layout_hyvsj_61vii_357:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_61vii_110):not(.awsui_has-sticky-background_hyvsj_61vii_133) {
|
|
493
493
|
--awsui-offset-top-with-notifications-y98gph: var(--awsui-header-height-y98gph);
|
|
494
494
|
}
|
|
495
|
-
.
|
|
495
|
+
.awsui_layout_hyvsj_61vii_357:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_61vii_110).awsui_has-sticky-background_hyvsj_61vii_133 {
|
|
496
496
|
--awsui-offset-top-with-notifications-y98gph: calc(var(--awsui-header-height-y98gph) + var(--space-scaled-s-9q8n2q, 12px));
|
|
497
497
|
}
|
|
498
|
-
.
|
|
498
|
+
.awsui_layout_hyvsj_61vii_357.awsui_has-sticky-notifications_hyvsj_61vii_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_61vii_133) {
|
|
499
499
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
500
500
|
var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
|
|
501
501
|
var(--awsui-notifications-height-y98gph) + var(--space-xxxs-z28114, 2px)
|
|
502
502
|
);
|
|
503
503
|
}
|
|
504
|
-
.
|
|
504
|
+
.awsui_layout_hyvsj_61vii_357.awsui_has-sticky-notifications_hyvsj_61vii_110.awsui_has-sticky-background_hyvsj_61vii_133:not(#\9) {
|
|
505
505
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
506
506
|
var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
|
|
507
507
|
var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-9q8n2q, 12px)
|
|
508
508
|
);
|
|
509
509
|
}
|
|
510
510
|
@media (min-width: 689px) {
|
|
511
|
-
.
|
|
511
|
+
.awsui_layout_hyvsj_61vii_357.awsui_has-content-gap-left_hyvsj_61vii_510:not(#\9) {
|
|
512
512
|
--awsui-content-gap-left-y98gph: var(--space-layout-content-horizontal-sin989, 40px);
|
|
513
513
|
}
|
|
514
|
-
.
|
|
514
|
+
.awsui_layout_hyvsj_61vii_357.awsui_has-content-gap-right_hyvsj_61vii_513:not(#\9) {
|
|
515
515
|
--awsui-content-gap-right-y98gph: var(--space-layout-content-horizontal-sin989, 40px);
|
|
516
516
|
}
|
|
517
517
|
}
|
|
518
518
|
@media (max-width: 688px) {
|
|
519
|
-
.
|
|
519
|
+
.awsui_layout_hyvsj_61vii_357:not(#\9) {
|
|
520
520
|
--awsui-content-gap-left-y98gph: var(--space-l-xu1x80, 20px);
|
|
521
521
|
--awsui-content-gap-right-y98gph: var(--space-l-xu1x80, 20px);
|
|
522
522
|
}
|
|
523
523
|
}
|
|
524
|
-
.
|
|
524
|
+
.awsui_layout_hyvsj_61vii_357.awsui_content-first-child-notifications_hyvsj_61vii_523:not(#\9) {
|
|
525
525
|
--awsui-notifications-gap-y98gph: var(--space-xs-xf5ch3, 8px);
|
|
526
526
|
}
|
|
527
|
-
.
|
|
527
|
+
.awsui_layout_hyvsj_61vii_357.awsui_has-breadcrumbs_hyvsj_61vii_526:not(#\9) {
|
|
528
528
|
--awsui-breadcrumbs-gap-y98gph: var(--space-scaled-m-er48cl, 16px);
|
|
529
529
|
}
|
|
530
|
-
.
|
|
530
|
+
.awsui_layout_hyvsj_61vii_357.awsui_content-first-child-header_hyvsj_61vii_529:not(#\9), .awsui_layout_hyvsj_61vii_357.awsui_content-first-child-notifications_hyvsj_61vii_523:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_61vii_526).awsui_has-header_hyvsj_61vii_529 {
|
|
531
531
|
--awsui-header-gap-y98gph: var(--space-scaled-xs-x91h81, 8px);
|
|
532
532
|
}
|
|
533
|
-
.
|
|
533
|
+
.awsui_layout_hyvsj_61vii_357.awsui_has-breadcrumbs_hyvsj_61vii_526.awsui_has-header_hyvsj_61vii_529:not(#\9) {
|
|
534
534
|
--awsui-header-gap-y98gph: var(--space-scaled-xs-x91h81, 8px);
|
|
535
535
|
}
|
|
536
|
-
.
|
|
536
|
+
.awsui_layout_hyvsj_61vii_357.awsui_content-first-child-notifications_hyvsj_61vii_523:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_61vii_526):not(.awsui_has-header_hyvsj_61vii_529) {
|
|
537
537
|
--awsui-main-gap-y98gph: var(--space-xs-xf5ch3, 8px);
|
|
538
538
|
}
|
|
539
|
-
.
|
|
539
|
+
.awsui_layout_hyvsj_61vii_357.awsui_has-breadcrumbs_hyvsj_61vii_526:not(#\9):not(.awsui_has-header_hyvsj_61vii_529) {
|
|
540
540
|
--awsui-container-first-gap-y98gph: calc(var(--awsui-breadcrumbs-gap-y98gph) - var(--awsui-main-gap-y98gph));
|
|
541
541
|
}
|
|
542
|
-
.
|
|
542
|
+
.awsui_layout_hyvsj_61vii_357.awsui_has-breadcrumbs_hyvsj_61vii_526:not(#\9):not(.awsui_has-header_hyvsj_61vii_529).awsui_is-overlap-disabled_hyvsj_61vii_475 {
|
|
543
543
|
--awsui-main-gap-y98gph: var(--space-scaled-m-er48cl, 16px);
|
|
544
544
|
}
|
|
545
|
-
.
|
|
545
|
+
.awsui_layout_hyvsj_61vii_357.awsui_has-breadcrumbs_hyvsj_61vii_526:not(#\9):not(.awsui_has-header_hyvsj_61vii_529):not(.awsui_is-overlap-disabled_hyvsj_61vii_475) {
|
|
546
546
|
--awsui-main-gap-y98gph: var(--space-scaled-xxs-t7ij38, 4px);
|
|
547
547
|
}
|
|
548
|
-
.
|
|
548
|
+
.awsui_layout_hyvsj_61vii_357.awsui_has-header_hyvsj_61vii_529:not(#\9) {
|
|
549
549
|
--awsui-main-gap-y98gph: var(--space-content-header-padding-bottom-d3iv03, 16px);
|
|
550
550
|
}
|
|
551
|
-
.
|
|
551
|
+
.awsui_layout_hyvsj_61vii_357.awsui_content-first-child-main_hyvsj_61vii_550:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_61vii_475), .awsui_layout_hyvsj_61vii_357.awsui_content-first-child-main_hyvsj_61vii_550.awsui_is-overlap-disabled_hyvsj_61vii_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_61vii_550) {
|
|
552
552
|
--awsui-main-gap-y98gph: var(--space-scaled-s-9q8n2q, 12px);
|
|
553
553
|
}
|
|
554
554
|
@media (min-width: 689px) {
|
|
555
|
-
.
|
|
555
|
+
.awsui_layout_hyvsj_61vii_357.awsui_content-first-child-main_hyvsj_61vii_550:not(#\9):not(.awsui_has-header_hyvsj_61vii_529) {
|
|
556
556
|
--awsui-container-first-overlap-extension-y98gph: var(--space-m-kpg8id, 16px);
|
|
557
557
|
--awsui-container-first-gap-y98gph: var(--space-xxs-9rrxti, 4px);
|
|
558
558
|
}
|
|
559
559
|
}
|
|
560
560
|
@media (max-width: 688px) {
|
|
561
|
-
.
|
|
561
|
+
.awsui_layout_hyvsj_61vii_357.awsui_content-first-child-notifications_hyvsj_61vii_523:not(#\9) {
|
|
562
562
|
--awsui-notifications-gap-y98gph: var(--space-scaled-s-9q8n2q, 12px);
|
|
563
563
|
}
|
|
564
|
-
.
|
|
564
|
+
.awsui_layout_hyvsj_61vii_357.awsui_content-first-child-header_hyvsj_61vii_529:not(#\9) {
|
|
565
565
|
--awsui-header-gap-y98gph: var(--space-scaled-s-9q8n2q, 12px);
|
|
566
566
|
}
|
|
567
|
-
.
|
|
567
|
+
.awsui_layout_hyvsj_61vii_357.awsui_content-first-child-notifications_hyvsj_61vii_523:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_61vii_526).awsui_has-header_hyvsj_61vii_529 {
|
|
568
568
|
--awsui-header-gap-y98gph: var(--space-scaled-s-9q8n2q, 12px);
|
|
569
569
|
}
|
|
570
|
-
.
|
|
570
|
+
.awsui_layout_hyvsj_61vii_357.awsui_content-first-child-notifications_hyvsj_61vii_523:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_61vii_526):not(.awsui_has-header_hyvsj_61vii_529), .awsui_layout_hyvsj_61vii_357.awsui_content-first-child-main_hyvsj_61vii_550:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_61vii_475) {
|
|
571
571
|
--awsui-main-gap-y98gph: var(--space-scaled-s-9q8n2q, 12px);
|
|
572
572
|
}
|
|
573
|
-
.
|
|
573
|
+
.awsui_layout_hyvsj_61vii_357.awsui_content-first-child-main_hyvsj_61vii_550.awsui_is-overlap-disabled_hyvsj_61vii_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_61vii_550) {
|
|
574
574
|
--awsui-main-gap-y98gph: var(--space-scaled-m-er48cl, 16px);
|
|
575
575
|
}
|
|
576
576
|
}
|
|
@@ -585,19 +585,19 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
585
585
|
position: sticky will be the value of the notifications height in addition to the
|
|
586
586
|
notifications top margin and some additional vertical space for aesthetics.
|
|
587
587
|
*/
|
|
588
|
-
.
|
|
588
|
+
.awsui_layout_hyvsj_61vii_357.awsui_disable-body-scroll_hyvsj_61vii_179:not(#\9) {
|
|
589
589
|
--awsui-main-template-rows-y98gph: 1fr auto;
|
|
590
590
|
--awsui-offset-top-y98gph: 0px;
|
|
591
591
|
height: var(--awsui-content-height-y98gph);
|
|
592
592
|
overflow-y: scroll;
|
|
593
593
|
}
|
|
594
|
-
.
|
|
594
|
+
.awsui_layout_hyvsj_61vii_357.awsui_disable-body-scroll_hyvsj_61vii_179.awsui_has-split-panel_hyvsj_61vii_593.awsui_split-panel-position-bottom_hyvsj_61vii_593:not(#\9) {
|
|
595
595
|
--awsui-main-template-rows-y98gph: repeat(2, auto);
|
|
596
596
|
}
|
|
597
|
-
.
|
|
597
|
+
.awsui_layout_hyvsj_61vii_357.awsui_disable-body-scroll_hyvsj_61vii_179:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_61vii_110) {
|
|
598
598
|
--awsui-offset-top-with-notifications-y98gph: 0px;
|
|
599
599
|
}
|
|
600
|
-
.
|
|
600
|
+
.awsui_layout_hyvsj_61vii_357.awsui_disable-body-scroll_hyvsj_61vii_179.awsui_has-sticky-notifications_hyvsj_61vii_110:not(#\9) {
|
|
601
601
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
602
602
|
var(--awsui-notifications-height-y98gph) + var(--space-xs-xf5ch3, 8px) + var(--space-xxs-9rrxti, 4px)
|
|
603
603
|
);
|
|
@@ -607,13 +607,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
607
607
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
608
608
|
when the navigation or tools drawers are open in responsive viewports.
|
|
609
609
|
*/
|
|
610
|
-
.awsui_block-body-
|
|
610
|
+
.awsui_block-body-scroll_hyvsj_61vii_609:not(#\9) {
|
|
611
611
|
overflow: hidden;
|
|
612
612
|
}
|
|
613
613
|
|
|
614
614
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
615
|
-
.
|
|
616
|
-
.
|
|
615
|
+
.awsui_unfocusable_hyvsj_61vii_614:not(#\9),
|
|
616
|
+
.awsui_unfocusable_hyvsj_61vii_614 *:not(#\9) {
|
|
617
617
|
visibility: hidden !important;
|
|
618
618
|
}
|
|
619
619
|
|
|
@@ -622,7 +622,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
622
622
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
623
623
|
SPDX-License-Identifier: Apache-2.0
|
|
624
624
|
*/
|
|
625
|
-
.
|
|
625
|
+
.awsui_container_hyvsj_61vii_624:not(#\9) {
|
|
626
626
|
grid-area: main;
|
|
627
627
|
padding-bottom: var(--space-layout-content-bottom-ve4osc, 20px);
|
|
628
628
|
/*
|
|
@@ -639,18 +639,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
639
639
|
on the right, we decrement the column end by one.
|
|
640
640
|
*/
|
|
641
641
|
}
|
|
642
|
-
.
|
|
642
|
+
.awsui_container_hyvsj_61vii_624.awsui_has-split-panel_hyvsj_61vii_593.awsui_split-panel-position-bottom_hyvsj_61vii_593:not(#\9) {
|
|
643
643
|
padding-bottom: calc(var(--awsui-split-panel-height-y98gph) + var(--space-layout-content-bottom-ve4osc, 20px));
|
|
644
644
|
}
|
|
645
|
-
.
|
|
645
|
+
.awsui_container_hyvsj_61vii_624.awsui_disable-content-paddings_hyvsj_61vii_550:not(#\9) {
|
|
646
646
|
grid-column: 1/6;
|
|
647
647
|
padding: 0;
|
|
648
648
|
}
|
|
649
649
|
@media (min-width: 689px) {
|
|
650
|
-
.
|
|
650
|
+
.awsui_container_hyvsj_61vii_624.awsui_disable-content-paddings_hyvsj_61vii_550.awsui_is-navigation-open_hyvsj_61vii_649:not(#\9) {
|
|
651
651
|
grid-column-start: 2;
|
|
652
652
|
}
|
|
653
|
-
.
|
|
653
|
+
.awsui_container_hyvsj_61vii_624.awsui_disable-content-paddings_hyvsj_61vii_550.awsui_is-tools-open_hyvsj_61vii_652:not(#\9), .awsui_container_hyvsj_61vii_624.awsui_disable-content-paddings_hyvsj_61vii_550.awsui_is-split-panel-open_hyvsj_61vii_652.awsui_split-panel-position-side_hyvsj_61vii_652:not(#\9), .awsui_container_hyvsj_61vii_624.awsui_disable-content-paddings_hyvsj_61vii_550.awsui_has-active-drawer_hyvsj_61vii_652:not(#\9) {
|
|
654
654
|
grid-column-end: 5;
|
|
655
655
|
}
|
|
656
656
|
}
|
|
@@ -659,11 +659,11 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
659
659
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
660
660
|
SPDX-License-Identifier: Apache-2.0
|
|
661
661
|
*/
|
|
662
|
-
section.awsui_mobile-
|
|
662
|
+
section.awsui_mobile-toolbar_hyvsj_61vii_661:not(#\9) {
|
|
663
663
|
align-items: center;
|
|
664
|
-
background-color: var(--color-background-
|
|
664
|
+
background-color: var(--color-background-layout-main-td853a, #f2f3f3);
|
|
665
665
|
border-bottom: 1px solid var(--color-border-divider-default-in8dkg, #eaeded);
|
|
666
|
-
box-shadow: var(--shadow-
|
|
666
|
+
box-shadow: var(--shadow-sticky-hxu2pv, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
|
|
667
667
|
box-sizing: border-box;
|
|
668
668
|
height: var(--awsui-mobile-bar-height-y98gph);
|
|
669
669
|
display: grid;
|
|
@@ -675,15 +675,19 @@ section.awsui_mobile-toolbar_hyvsj_1w7yt_661:not(#\9) {
|
|
|
675
675
|
top: var(--awsui-offset-top-y98gph);
|
|
676
676
|
z-index: 1000;
|
|
677
677
|
}
|
|
678
|
-
section.awsui_mobile-
|
|
678
|
+
section.awsui_mobile-toolbar_hyvsj_61vii_661:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_61vii_677) {
|
|
679
|
+
background-color: var(--color-background-home-header-zm6w39, #000000);
|
|
680
|
+
box-shadow: var(--shadow-panel-toggle-s7z0bo, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
|
|
681
|
+
}
|
|
682
|
+
section.awsui_mobile-toolbar_hyvsj_61vii_661 > .awsui_mobile-toolbar-nav_hyvsj_61vii_681:not(#\9) {
|
|
679
683
|
grid-column: 1;
|
|
680
684
|
margin-right: var(--space-m-kpg8id, 16px);
|
|
681
685
|
}
|
|
682
|
-
section.awsui_mobile-
|
|
686
|
+
section.awsui_mobile-toolbar_hyvsj_61vii_661 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_61vii_685:not(#\9) {
|
|
683
687
|
grid-column: 2;
|
|
684
688
|
background-color: var(--color-background-layout-main-td853a, #f2f3f3);
|
|
685
689
|
}
|
|
686
|
-
section.awsui_mobile-
|
|
690
|
+
section.awsui_mobile-toolbar_hyvsj_61vii_661 > .awsui_mobile-toolbar-tools_hyvsj_61vii_689:not(#\9) {
|
|
687
691
|
grid-column: 3;
|
|
688
692
|
margin-left: var(--space-m-kpg8id, 16px);
|
|
689
693
|
}
|
|
@@ -692,7 +696,7 @@ section.awsui_mobile-toolbar_hyvsj_1w7yt_661 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
692
696
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
693
697
|
SPDX-License-Identifier: Apache-2.0
|
|
694
698
|
*/
|
|
695
|
-
.awsui_navigation-
|
|
699
|
+
.awsui_navigation-container_hyvsj_61vii_698:not(#\9) {
|
|
696
700
|
--awsui-navigation-width-y98gph: 280px;
|
|
697
701
|
display: flex;
|
|
698
702
|
grid-column: 1;
|
|
@@ -714,12 +718,12 @@ section.awsui_mobile-toolbar_hyvsj_1w7yt_661 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
714
718
|
pointer-events: none;
|
|
715
719
|
}
|
|
716
720
|
@media (min-width: 2541px) {
|
|
717
|
-
.awsui_navigation-
|
|
721
|
+
.awsui_navigation-container_hyvsj_61vii_698:not(#\9) {
|
|
718
722
|
--awsui-navigation-width-y98gph: 320px;
|
|
719
723
|
}
|
|
720
724
|
}
|
|
721
725
|
@media (max-width: 688px) {
|
|
722
|
-
.awsui_navigation-
|
|
726
|
+
.awsui_navigation-container_hyvsj_61vii_698:not(#\9) {
|
|
723
727
|
left: 0;
|
|
724
728
|
position: fixed;
|
|
725
729
|
z-index: 1001;
|
|
@@ -731,19 +735,19 @@ section.awsui_mobile-toolbar_hyvsj_1w7yt_661 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
731
735
|
relative to the body.
|
|
732
736
|
*/
|
|
733
737
|
}
|
|
734
|
-
.awsui_navigation-
|
|
738
|
+
.awsui_navigation-container_hyvsj_61vii_698.awsui_disable-body-scroll_hyvsj_61vii_179:not(#\9) {
|
|
735
739
|
top: var(--awsui-header-height-y98gph);
|
|
736
740
|
}
|
|
737
741
|
}
|
|
738
742
|
|
|
739
|
-
nav.awsui_show-
|
|
743
|
+
nav.awsui_show-navigation_hyvsj_61vii_742:not(#\9) {
|
|
740
744
|
padding: var(--space-scaled-s-9q8n2q, 12px) var(--space-layout-toggle-padding-k1jpy8, 12px);
|
|
741
745
|
/*
|
|
742
746
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
743
747
|
take control in responsive viewports.
|
|
744
748
|
*/
|
|
745
749
|
}
|
|
746
|
-
@keyframes
|
|
750
|
+
@keyframes awsui_showButtons_hyvsj_61vii_1 {
|
|
747
751
|
0% {
|
|
748
752
|
opacity: 0;
|
|
749
753
|
}
|
|
@@ -751,31 +755,31 @@ nav.awsui_show-navigation_hyvsj_1w7yt_738:not(#\9) {
|
|
|
751
755
|
opacity: 1;
|
|
752
756
|
}
|
|
753
757
|
}
|
|
754
|
-
nav.awsui_show-
|
|
758
|
+
nav.awsui_show-navigation_hyvsj_61vii_742.awsui_is-navigation-open_hyvsj_61vii_649:not(#\9) {
|
|
755
759
|
display: none;
|
|
756
760
|
}
|
|
757
761
|
@media (min-width: 689px) {
|
|
758
|
-
nav.awsui_show-
|
|
762
|
+
nav.awsui_show-navigation_hyvsj_61vii_742:not(#\9):not(.awsui_is-navigation-open_hyvsj_61vii_649) {
|
|
759
763
|
display: block;
|
|
760
764
|
}
|
|
761
|
-
nav.awsui_show-
|
|
762
|
-
animation:
|
|
765
|
+
nav.awsui_show-navigation_hyvsj_61vii_742:not(#\9):not(.awsui_is-navigation-open_hyvsj_61vii_649).awsui_animating_hyvsj_61vii_764 {
|
|
766
|
+
animation: awsui_showButtons_hyvsj_61vii_1 var(--motion-duration-refresh-only-fast-y7h37k, 115ms);
|
|
763
767
|
}
|
|
764
768
|
}
|
|
765
769
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
766
|
-
nav.awsui_show-
|
|
770
|
+
nav.awsui_show-navigation_hyvsj_61vii_742:not(#\9):not(.awsui_is-navigation-open_hyvsj_61vii_649).awsui_animating_hyvsj_61vii_764 {
|
|
767
771
|
animation: none;
|
|
768
772
|
transition: none;
|
|
769
773
|
}
|
|
770
774
|
}
|
|
771
775
|
@media (min-width: 689px) {
|
|
772
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
776
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_61vii_742:not(#\9):not(.awsui_is-navigation-open_hyvsj_61vii_649).awsui_animating_hyvsj_61vii_764, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_61vii_742:not(#\9):not(.awsui_is-navigation-open_hyvsj_61vii_649).awsui_animating_hyvsj_61vii_764 {
|
|
773
777
|
animation: none;
|
|
774
778
|
transition: none;
|
|
775
779
|
}
|
|
776
780
|
}
|
|
777
781
|
|
|
778
|
-
nav.
|
|
782
|
+
nav.awsui_navigation_hyvsj_61vii_698:not(#\9) {
|
|
779
783
|
background-color: var(--color-background-container-content-il2pe5, #ffffff);
|
|
780
784
|
bottom: 0;
|
|
781
785
|
height: 100%;
|
|
@@ -793,7 +797,7 @@ nav.awsui_navigation_hyvsj_1w7yt_694:not(#\9) {
|
|
|
793
797
|
prevent unwanted text wrapping.
|
|
794
798
|
*/
|
|
795
799
|
}
|
|
796
|
-
@keyframes
|
|
800
|
+
@keyframes awsui_openNavigation_hyvsj_61vii_1 {
|
|
797
801
|
from {
|
|
798
802
|
opacity: 0;
|
|
799
803
|
width: calc(var(--space-layout-toggle-padding-k1jpy8, 12px) * 2 + var(--space-layout-toggle-diameter-ugv12v, 36px));
|
|
@@ -803,33 +807,33 @@ nav.awsui_navigation_hyvsj_1w7yt_694:not(#\9) {
|
|
|
803
807
|
width: var(--awsui-navigation-width-y98gph);
|
|
804
808
|
}
|
|
805
809
|
}
|
|
806
|
-
nav.
|
|
810
|
+
nav.awsui_navigation_hyvsj_61vii_698:not(#\9):not(.awsui_is-navigation-open_hyvsj_61vii_649) {
|
|
807
811
|
width: 0;
|
|
808
812
|
display: none;
|
|
809
813
|
}
|
|
810
|
-
nav.
|
|
811
|
-
animation:
|
|
814
|
+
nav.awsui_navigation_hyvsj_61vii_698.awsui_is-navigation-open_hyvsj_61vii_649.awsui_animating_hyvsj_61vii_764:not(#\9) {
|
|
815
|
+
animation: awsui_openNavigation_hyvsj_61vii_1 var(--motion-duration-refresh-only-fast-y7h37k, 115ms);
|
|
812
816
|
}
|
|
813
817
|
@media (prefers-reduced-motion: reduce) {
|
|
814
|
-
nav.
|
|
818
|
+
nav.awsui_navigation_hyvsj_61vii_698.awsui_is-navigation-open_hyvsj_61vii_649.awsui_animating_hyvsj_61vii_764:not(#\9) {
|
|
815
819
|
animation: none;
|
|
816
820
|
transition: none;
|
|
817
821
|
}
|
|
818
822
|
}
|
|
819
|
-
.awsui-motion-disabled nav.
|
|
823
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_61vii_698.awsui_is-navigation-open_hyvsj_61vii_649.awsui_animating_hyvsj_61vii_764:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_61vii_698.awsui_is-navigation-open_hyvsj_61vii_649.awsui_animating_hyvsj_61vii_764:not(#\9) {
|
|
820
824
|
animation: none;
|
|
821
825
|
transition: none;
|
|
822
826
|
}
|
|
823
|
-
nav.
|
|
827
|
+
nav.awsui_navigation_hyvsj_61vii_698 > .awsui_animated-content_hyvsj_61vii_826:not(#\9) {
|
|
824
828
|
width: var(--awsui-navigation-width-y98gph);
|
|
825
829
|
}
|
|
826
830
|
@media (max-width: 688px) {
|
|
827
|
-
nav.
|
|
831
|
+
nav.awsui_navigation_hyvsj_61vii_698:not(#\9) {
|
|
828
832
|
--awsui-navigation-width-y98gph: 100vw;
|
|
829
833
|
}
|
|
830
834
|
}
|
|
831
835
|
|
|
832
|
-
.awsui_hide-
|
|
836
|
+
.awsui_hide-navigation_hyvsj_61vii_835:not(#\9) {
|
|
833
837
|
position: absolute;
|
|
834
838
|
right: var(--space-m-kpg8id, 16px);
|
|
835
839
|
top: var(--size-vertical-panel-icon-offset-04nxf8, 15px);
|
|
@@ -839,13 +843,13 @@ nav.awsui_navigation_hyvsj_1w7yt_694 > .awsui_animated-content_hyvsj_1w7yt_822:n
|
|
|
839
843
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
840
844
|
SPDX-License-Identifier: Apache-2.0
|
|
841
845
|
*/
|
|
842
|
-
.
|
|
846
|
+
.awsui_notifications_hyvsj_61vii_845:not(#\9) {
|
|
843
847
|
color: var(--color-text-body-default-ffdwgg, #16191f);
|
|
844
848
|
grid-area: notifications;
|
|
845
849
|
z-index: 850;
|
|
846
850
|
}
|
|
847
851
|
@media (min-width: 689px) {
|
|
848
|
-
.
|
|
852
|
+
.awsui_notifications_hyvsj_61vii_845.awsui_sticky-notifications_hyvsj_61vii_851:not(#\9) {
|
|
849
853
|
--awsui-flashbar-sticky-bottom-margin-y98gph: var(--space-xxl-pd3205, 32px);
|
|
850
854
|
position: sticky;
|
|
851
855
|
top: calc(var(--awsui-offset-top-y98gph) + var(--space-xs-xf5ch3, 8px));
|
|
@@ -862,7 +866,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
862
866
|
consume the remaining vertical space in the grid after the notifications
|
|
863
867
|
and breadcrumbs.
|
|
864
868
|
*/
|
|
865
|
-
section.awsui_split-panel-
|
|
869
|
+
section.awsui_split-panel-bottom_hyvsj_61vii_868:not(#\9) {
|
|
866
870
|
/*
|
|
867
871
|
The align self property will position the split panel at the bottom of the grid row.
|
|
868
872
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -898,7 +902,7 @@ section.awsui_split-panel-bottom_hyvsj_1w7yt_864:not(#\9) {
|
|
|
898
902
|
apply the animation to the height property.
|
|
899
903
|
*/
|
|
900
904
|
}
|
|
901
|
-
@keyframes
|
|
905
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_61vii_1 {
|
|
902
906
|
from {
|
|
903
907
|
height: var(--awsui-split-panel-reported-header-size-y98gph, 0);
|
|
904
908
|
}
|
|
@@ -906,39 +910,39 @@ section.awsui_split-panel-bottom_hyvsj_1w7yt_864:not(#\9) {
|
|
|
906
910
|
height: var(--awsui-split-panel-reported-size-y98gph);
|
|
907
911
|
}
|
|
908
912
|
}
|
|
909
|
-
section.awsui_split-panel-
|
|
913
|
+
section.awsui_split-panel-bottom_hyvsj_61vii_868.awsui_disable-body-scroll_hyvsj_61vii_179:not(#\9) {
|
|
910
914
|
bottom: 0;
|
|
911
915
|
}
|
|
912
|
-
section.awsui_split-panel-
|
|
916
|
+
section.awsui_split-panel-bottom_hyvsj_61vii_868.awsui_is-navigation-open_hyvsj_61vii_649.awsui_position-bottom_hyvsj_61vii_915:not(#\9) {
|
|
913
917
|
grid-column-start: 2;
|
|
914
918
|
}
|
|
915
|
-
section.awsui_split-panel-
|
|
919
|
+
section.awsui_split-panel-bottom_hyvsj_61vii_868.awsui_has-open-drawer_hyvsj_61vii_156.awsui_position-bottom_hyvsj_61vii_915:not(#\9) {
|
|
916
920
|
grid-column-end: 5;
|
|
917
921
|
}
|
|
918
|
-
section.awsui_split-panel-
|
|
922
|
+
section.awsui_split-panel-bottom_hyvsj_61vii_868.awsui_position-bottom_hyvsj_61vii_915:not(#\9) {
|
|
919
923
|
display: block;
|
|
920
924
|
}
|
|
921
|
-
section.awsui_split-panel-
|
|
925
|
+
section.awsui_split-panel-bottom_hyvsj_61vii_868:not(#\9):not(.awsui_is-split-panel-open_hyvsj_61vii_652).awsui_position-bottom_hyvsj_61vii_915 {
|
|
922
926
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
923
927
|
}
|
|
924
|
-
section.awsui_split-panel-
|
|
928
|
+
section.awsui_split-panel-bottom_hyvsj_61vii_868.awsui_is-split-panel-open_hyvsj_61vii_652.awsui_position-bottom_hyvsj_61vii_915:not(#\9) {
|
|
925
929
|
box-shadow: var(--shadow-split-bottom-nfmseg, 0 -2px 1px -1px rgba(0, 28, 36, 0.15), 0 -1px 1px -1px rgba(0, 28, 36, 0.3));
|
|
926
930
|
}
|
|
927
|
-
section.awsui_split-panel-
|
|
928
|
-
animation:
|
|
931
|
+
section.awsui_split-panel-bottom_hyvsj_61vii_868.awsui_is-split-panel-open_hyvsj_61vii_652.awsui_position-bottom_hyvsj_61vii_915.awsui_animating_hyvsj_61vii_764:not(#\9) {
|
|
932
|
+
animation: awsui_openSplitPanelBottom_hyvsj_61vii_1 var(--motion-duration-refresh-only-fast-y7h37k, 115ms);
|
|
929
933
|
}
|
|
930
934
|
@media (prefers-reduced-motion: reduce) {
|
|
931
|
-
section.awsui_split-panel-
|
|
935
|
+
section.awsui_split-panel-bottom_hyvsj_61vii_868.awsui_is-split-panel-open_hyvsj_61vii_652.awsui_position-bottom_hyvsj_61vii_915.awsui_animating_hyvsj_61vii_764:not(#\9) {
|
|
932
936
|
animation: none;
|
|
933
937
|
transition: none;
|
|
934
938
|
}
|
|
935
939
|
}
|
|
936
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
940
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_61vii_868.awsui_is-split-panel-open_hyvsj_61vii_652.awsui_position-bottom_hyvsj_61vii_915.awsui_animating_hyvsj_61vii_764:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_61vii_868.awsui_is-split-panel-open_hyvsj_61vii_652.awsui_position-bottom_hyvsj_61vii_915.awsui_animating_hyvsj_61vii_764:not(#\9) {
|
|
937
941
|
animation: none;
|
|
938
942
|
transition: none;
|
|
939
943
|
}
|
|
940
944
|
|
|
941
|
-
section.awsui_split-panel-
|
|
945
|
+
section.awsui_split-panel-side_hyvsj_61vii_944:not(#\9) {
|
|
942
946
|
height: 100%;
|
|
943
947
|
overflow-x: hidden;
|
|
944
948
|
pointer-events: auto;
|
|
@@ -948,15 +952,15 @@ section.awsui_split-panel-side_hyvsj_1w7yt_940:not(#\9) {
|
|
|
948
952
|
be persistent in the DOM when closed.
|
|
949
953
|
*/
|
|
950
954
|
}
|
|
951
|
-
section.awsui_split-panel-
|
|
955
|
+
section.awsui_split-panel-side_hyvsj_61vii_944:not(#\9):not(.awsui_is-split-panel-open_hyvsj_61vii_652), section.awsui_split-panel-side_hyvsj_61vii_944.awsui_position-bottom_hyvsj_61vii_915:not(#\9) {
|
|
952
956
|
width: 0;
|
|
953
957
|
}
|
|
954
|
-
section.awsui_split-panel-
|
|
958
|
+
section.awsui_split-panel-side_hyvsj_61vii_944.awsui_is-split-panel-open_hyvsj_61vii_652.awsui_position-side_hyvsj_61vii_957:not(#\9) {
|
|
955
959
|
max-width: var(--awsui-split-panel-max-width-y98gph, 280px);
|
|
956
960
|
min-width: var(--awsui-split-panel-min-width-y98gph, 280px);
|
|
957
961
|
border-left: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
|
|
958
962
|
}
|
|
959
|
-
section.awsui_split-panel-
|
|
963
|
+
section.awsui_split-panel-side_hyvsj_61vii_944.awsui_is-split-panel-open_hyvsj_61vii_652.awsui_position-side_hyvsj_61vii_957:not(#\9):not(.awsui_has-open-drawer_hyvsj_61vii_156) {
|
|
960
964
|
border-right: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-panel-side-btgups, transparent);
|
|
961
965
|
}
|
|
962
966
|
|
|
@@ -973,7 +977,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
973
977
|
property. The content gap right is computed in the Layout styles based on the
|
|
974
978
|
viewport size and state of the Tools drawer.
|
|
975
979
|
*/
|
|
976
|
-
.awsui_tools-
|
|
980
|
+
.awsui_tools-container_hyvsj_61vii_979:not(#\9) {
|
|
977
981
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
978
982
|
--awsui-tools-max-width-y98gph: calc(var(--awsui-layout-width-y98gph) - var(--awsui-main-offset-left-y98gph) - var(--awsui-default-min-content-width-y98gph) - var(--awsui-content-gap-right-y98gph));
|
|
979
983
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -989,12 +993,12 @@ viewport size and state of the Tools drawer.
|
|
|
989
993
|
pointer-events: none;
|
|
990
994
|
}
|
|
991
995
|
@media (min-width: 2541px) {
|
|
992
|
-
.awsui_tools-
|
|
996
|
+
.awsui_tools-container_hyvsj_61vii_979:not(#\9) {
|
|
993
997
|
--awsui-tools-width-y98gph: 360px;
|
|
994
998
|
}
|
|
995
999
|
}
|
|
996
1000
|
@media (max-width: 688px) {
|
|
997
|
-
.awsui_tools-
|
|
1001
|
+
.awsui_tools-container_hyvsj_61vii_979:not(#\9) {
|
|
998
1002
|
--awsui-tools-max-width-y98gph: none;
|
|
999
1003
|
--awsui-tools-width-y98gph: auto;
|
|
1000
1004
|
position: fixed;
|
|
@@ -1008,12 +1012,12 @@ viewport size and state of the Tools drawer.
|
|
|
1008
1012
|
relative to the body.
|
|
1009
1013
|
*/
|
|
1010
1014
|
}
|
|
1011
|
-
.awsui_tools-
|
|
1015
|
+
.awsui_tools-container_hyvsj_61vii_979.awsui_disable-body-scroll_hyvsj_61vii_179:not(#\9) {
|
|
1012
1016
|
top: var(--awsui-header-height-y98gph);
|
|
1013
1017
|
}
|
|
1014
1018
|
}
|
|
1015
1019
|
|
|
1016
|
-
.
|
|
1020
|
+
.awsui_tools_hyvsj_61vii_979:not(#\9) {
|
|
1017
1021
|
background-color: var(--color-background-container-content-il2pe5, #ffffff);
|
|
1018
1022
|
flex-shrink: 0;
|
|
1019
1023
|
height: 100%;
|
|
@@ -1036,7 +1040,7 @@ viewport size and state of the Tools drawer.
|
|
|
1036
1040
|
in the side position.
|
|
1037
1041
|
*/
|
|
1038
1042
|
}
|
|
1039
|
-
@keyframes
|
|
1043
|
+
@keyframes awsui_openTools_hyvsj_61vii_1 {
|
|
1040
1044
|
from {
|
|
1041
1045
|
opacity: var(--awsui-tools-animation-starting-opacity-y98gph, 0);
|
|
1042
1046
|
width: calc(var(--space-layout-toggle-padding-k1jpy8, 12px) * 2 + var(--space-layout-toggle-diameter-ugv12v, 36px));
|
|
@@ -1046,41 +1050,41 @@ viewport size and state of the Tools drawer.
|
|
|
1046
1050
|
width: var(--awsui-tools-width-y98gph);
|
|
1047
1051
|
}
|
|
1048
1052
|
}
|
|
1049
|
-
.
|
|
1053
|
+
.awsui_tools_hyvsj_61vii_979:not(#\9):not(.awsui_is-tools-open_hyvsj_61vii_652) {
|
|
1050
1054
|
width: 0;
|
|
1051
1055
|
display: none;
|
|
1052
1056
|
}
|
|
1053
|
-
.
|
|
1057
|
+
.awsui_tools_hyvsj_61vii_979.awsui_is-tools-open_hyvsj_61vii_652:not(#\9) {
|
|
1054
1058
|
border-left: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
|
|
1055
1059
|
}
|
|
1056
|
-
.
|
|
1057
|
-
animation:
|
|
1060
|
+
.awsui_tools_hyvsj_61vii_979.awsui_is-tools-open_hyvsj_61vii_652.awsui_animating_hyvsj_61vii_764:not(#\9) {
|
|
1061
|
+
animation: awsui_openTools_hyvsj_61vii_1 var(--motion-duration-refresh-only-fast-y7h37k, 115ms);
|
|
1058
1062
|
}
|
|
1059
1063
|
@media (prefers-reduced-motion: reduce) {
|
|
1060
|
-
.
|
|
1064
|
+
.awsui_tools_hyvsj_61vii_979.awsui_is-tools-open_hyvsj_61vii_652.awsui_animating_hyvsj_61vii_764:not(#\9) {
|
|
1061
1065
|
animation: none;
|
|
1062
1066
|
transition: none;
|
|
1063
1067
|
}
|
|
1064
1068
|
}
|
|
1065
|
-
.awsui-motion-disabled .
|
|
1069
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_61vii_979.awsui_is-tools-open_hyvsj_61vii_652.awsui_animating_hyvsj_61vii_764:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_61vii_979.awsui_is-tools-open_hyvsj_61vii_652.awsui_animating_hyvsj_61vii_764:not(#\9) {
|
|
1066
1070
|
animation: none;
|
|
1067
1071
|
transition: none;
|
|
1068
1072
|
}
|
|
1069
|
-
.
|
|
1073
|
+
.awsui_tools_hyvsj_61vii_979 > .awsui_animated-content_hyvsj_61vii_826:not(#\9) {
|
|
1070
1074
|
width: var(--awsui-tools-width-y98gph);
|
|
1071
1075
|
}
|
|
1072
1076
|
@media (min-width: 689px) {
|
|
1073
|
-
.
|
|
1077
|
+
.awsui_tools_hyvsj_61vii_979.awsui_is-tools-open_hyvsj_61vii_652.awsui_has-tools-form-persistence_hyvsj_61vii_1076:not(#\9) {
|
|
1074
1078
|
border-right: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
|
|
1075
1079
|
}
|
|
1076
1080
|
}
|
|
1077
1081
|
@media (max-width: 688px) {
|
|
1078
|
-
.
|
|
1082
|
+
.awsui_tools_hyvsj_61vii_979:not(#\9) {
|
|
1079
1083
|
--awsui-tools-width-y98gph: 100vw;
|
|
1080
1084
|
}
|
|
1081
1085
|
}
|
|
1082
1086
|
|
|
1083
|
-
.awsui_hide-
|
|
1087
|
+
.awsui_hide-tools_hyvsj_61vii_1086:not(#\9) {
|
|
1084
1088
|
position: absolute;
|
|
1085
1089
|
right: var(--space-m-kpg8id, 16px);
|
|
1086
1090
|
top: var(--size-vertical-panel-icon-offset-04nxf8, 15px);
|
|
@@ -1092,7 +1096,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1092
1096
|
the calculation used to determine the Split Panel maximum width in the
|
|
1093
1097
|
handleSplitPanelMaxWidth function in the context.
|
|
1094
1098
|
*/
|
|
1095
|
-
.awsui_show-
|
|
1099
|
+
.awsui_show-tools_hyvsj_61vii_1098:not(#\9) {
|
|
1096
1100
|
border-collapse: separate;
|
|
1097
1101
|
border-spacing: 0;
|
|
1098
1102
|
box-sizing: border-box;
|
|
@@ -1133,7 +1137,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1133
1137
|
take control in responsive viewports.
|
|
1134
1138
|
*/
|
|
1135
1139
|
}
|
|
1136
|
-
@keyframes
|
|
1140
|
+
@keyframes awsui_showButtons_hyvsj_61vii_1 {
|
|
1137
1141
|
0% {
|
|
1138
1142
|
opacity: 0;
|
|
1139
1143
|
}
|
|
@@ -1141,33 +1145,33 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1141
1145
|
opacity: 1;
|
|
1142
1146
|
}
|
|
1143
1147
|
}
|
|
1144
|
-
.awsui_show-
|
|
1148
|
+
.awsui_show-tools_hyvsj_61vii_1098:not(#\9):not(.awsui_has-tools-form_hyvsj_61vii_1076) {
|
|
1145
1149
|
display: none;
|
|
1146
1150
|
}
|
|
1147
1151
|
@media (min-width: 689px) {
|
|
1148
|
-
.awsui_show-
|
|
1152
|
+
.awsui_show-tools_hyvsj_61vii_1098.awsui_has-tools-form_hyvsj_61vii_1076:not(#\9) {
|
|
1149
1153
|
display: flex;
|
|
1150
1154
|
flex-direction: column;
|
|
1151
1155
|
gap: var(--space-xs-xf5ch3, 8px);
|
|
1152
1156
|
}
|
|
1153
|
-
.awsui_show-
|
|
1154
|
-
animation:
|
|
1157
|
+
.awsui_show-tools_hyvsj_61vii_1098.awsui_has-tools-form_hyvsj_61vii_1076.awsui_animating_hyvsj_61vii_764:not(#\9) {
|
|
1158
|
+
animation: awsui_showButtons_hyvsj_61vii_1 var(--motion-duration-refresh-only-fast-y7h37k, 115ms);
|
|
1155
1159
|
}
|
|
1156
1160
|
}
|
|
1157
1161
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1158
|
-
.awsui_show-
|
|
1162
|
+
.awsui_show-tools_hyvsj_61vii_1098.awsui_has-tools-form_hyvsj_61vii_1076.awsui_animating_hyvsj_61vii_764:not(#\9) {
|
|
1159
1163
|
animation: none;
|
|
1160
1164
|
transition: none;
|
|
1161
1165
|
}
|
|
1162
1166
|
}
|
|
1163
1167
|
@media (min-width: 689px) {
|
|
1164
|
-
.awsui-motion-disabled .awsui_show-
|
|
1168
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_61vii_1098.awsui_has-tools-form_hyvsj_61vii_1076.awsui_animating_hyvsj_61vii_764:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_61vii_1098.awsui_has-tools-form_hyvsj_61vii_1076.awsui_animating_hyvsj_61vii_764:not(#\9) {
|
|
1165
1169
|
animation: none;
|
|
1166
1170
|
transition: none;
|
|
1167
1171
|
}
|
|
1168
1172
|
}
|
|
1169
1173
|
@media (min-width: 689px) {
|
|
1170
|
-
.awsui_show-
|
|
1174
|
+
.awsui_show-tools_hyvsj_61vii_1098.awsui_has-tools-form-persistence_hyvsj_61vii_1076:not(#\9) {
|
|
1171
1175
|
background-color: var(--color-background-container-content-il2pe5, #ffffff);
|
|
1172
1176
|
z-index: 1;
|
|
1173
1177
|
}
|
|
@@ -1177,7 +1181,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1177
1181
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1178
1182
|
SPDX-License-Identifier: Apache-2.0
|
|
1179
1183
|
*/
|
|
1180
|
-
.awsui_trigger-badge-
|
|
1184
|
+
.awsui_trigger-badge-wrapper_hyvsj_61vii_1182:not(#\9) {
|
|
1181
1185
|
background: var(--color-background-layout-toggle-default-6tvwtb, transparent);
|
|
1182
1186
|
border-radius: 50%;
|
|
1183
1187
|
height: var(--space-layout-toggle-diameter-ugv12v, 36px);
|
|
@@ -1190,10 +1194,10 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1190
1194
|
align-items: center;
|
|
1191
1195
|
clip-path: path("M34.2193 10.1845C33.3961 10.579 32.4739 10.8 31.5 10.8C28.0206 10.8 25.2 7.97939 25.2 4.5C25.2 3.52614 25.421 2.6039 25.8155 1.78066C23.4518 0.639587 20.8006 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18C36 15.1994 35.3604 12.5482 34.2193 10.1845Z");
|
|
1192
1196
|
}
|
|
1193
|
-
.awsui_trigger-badge-
|
|
1197
|
+
.awsui_trigger-badge-wrapper_hyvsj_61vii_1182:not(#\9):hover {
|
|
1194
1198
|
background: var(--color-background-layout-toggle-hover-o8pq7y, #545b64);
|
|
1195
1199
|
}
|
|
1196
|
-
.awsui_trigger-badge-
|
|
1200
|
+
.awsui_trigger-badge-wrapper_hyvsj_61vii_1182:not(#\9):active {
|
|
1197
1201
|
background: var(--color-background-layout-toggle-active-exdw75, #2a2e33);
|
|
1198
1202
|
}
|
|
1199
1203
|
|
|
@@ -1202,7 +1206,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1202
1206
|
the calculation used to determine the Split Panel maximum width in the
|
|
1203
1207
|
handleSplitPanelMaxWidth function in the context.
|
|
1204
1208
|
*/
|
|
1205
|
-
.
|
|
1209
|
+
.awsui_trigger_hyvsj_61vii_1182:not(#\9) {
|
|
1206
1210
|
background: var(--color-background-layout-toggle-default-6tvwtb, transparent);
|
|
1207
1211
|
border-radius: 50%;
|
|
1208
1212
|
height: var(--space-layout-toggle-diameter-ugv12v, 36px);
|
|
@@ -1213,20 +1217,20 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1213
1217
|
pointer-events: auto;
|
|
1214
1218
|
position: relative;
|
|
1215
1219
|
}
|
|
1216
|
-
.
|
|
1220
|
+
.awsui_trigger_hyvsj_61vii_1182:not(#\9):hover {
|
|
1217
1221
|
background: var(--color-background-layout-toggle-hover-o8pq7y, #545b64);
|
|
1218
1222
|
}
|
|
1219
|
-
.
|
|
1223
|
+
.awsui_trigger_hyvsj_61vii_1182:not(#\9):active {
|
|
1220
1224
|
background: var(--color-background-layout-toggle-active-exdw75, #2a2e33);
|
|
1221
1225
|
}
|
|
1222
|
-
body[data-awsui-focus-visible=true] .
|
|
1226
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_61vii_1182:not(#\9):focus {
|
|
1223
1227
|
position: relative;
|
|
1224
1228
|
}
|
|
1225
|
-
body[data-awsui-focus-visible=true] .
|
|
1229
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_61vii_1182:not(#\9):focus {
|
|
1226
1230
|
outline: 2px dotted transparent;
|
|
1227
1231
|
outline-offset: calc(3px - 1px);
|
|
1228
1232
|
}
|
|
1229
|
-
body[data-awsui-focus-visible=true] .
|
|
1233
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_61vii_1182:not(#\9):focus::before {
|
|
1230
1234
|
content: " ";
|
|
1231
1235
|
display: block;
|
|
1232
1236
|
position: absolute;
|
|
@@ -1237,40 +1241,42 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1w7yt_1178:not(#\9):foc
|
|
|
1237
1241
|
border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
|
|
1238
1242
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
|
|
1239
1243
|
}
|
|
1240
|
-
.
|
|
1244
|
+
.awsui_trigger_hyvsj_61vii_1182:not(#\9):focus {
|
|
1241
1245
|
outline: none;
|
|
1242
1246
|
}
|
|
1243
|
-
.
|
|
1247
|
+
.awsui_trigger_hyvsj_61vii_1182.awsui_selected_hyvsj_61vii_1245:not(#\9) {
|
|
1244
1248
|
background: var(--color-background-layout-toggle-selected-default-rmibh3, #0073bb);
|
|
1245
1249
|
color: var(--color-text-layout-toggle-selected-55i412, #ffffff);
|
|
1246
1250
|
}
|
|
1247
|
-
.
|
|
1251
|
+
.awsui_trigger_hyvsj_61vii_1182.awsui_selected_hyvsj_61vii_1245:not(#\9):hover {
|
|
1248
1252
|
background: var(--color-background-layout-toggle-selected-hover-3l4zzu, #0a4a74);
|
|
1249
1253
|
}
|
|
1250
|
-
.
|
|
1254
|
+
.awsui_trigger_hyvsj_61vii_1182.awsui_selected_hyvsj_61vii_1245:not(#\9):active {
|
|
1251
1255
|
background: var(--color-background-layout-toggle-selected-active-gdlg1f, #0073bb);
|
|
1252
1256
|
}
|
|
1253
|
-
.
|
|
1257
|
+
.awsui_trigger_hyvsj_61vii_1182.awsui_selected_hyvsj_61vii_1245 > .awsui_trigger-badge-wrapper_hyvsj_61vii_1182:not(#\9) {
|
|
1254
1258
|
background: var(--color-background-layout-toggle-selected-default-rmibh3, #0073bb);
|
|
1255
1259
|
color: var(--color-text-layout-toggle-selected-55i412, #ffffff);
|
|
1256
1260
|
}
|
|
1257
|
-
.
|
|
1261
|
+
.awsui_trigger_hyvsj_61vii_1182.awsui_selected_hyvsj_61vii_1245 > .awsui_trigger-badge-wrapper_hyvsj_61vii_1182:not(#\9):hover {
|
|
1258
1262
|
background: var(--color-background-layout-toggle-selected-hover-3l4zzu, #0a4a74);
|
|
1259
1263
|
}
|
|
1260
|
-
.
|
|
1264
|
+
.awsui_trigger_hyvsj_61vii_1182.awsui_selected_hyvsj_61vii_1245 > .awsui_trigger-badge-wrapper_hyvsj_61vii_1182:not(#\9):active {
|
|
1261
1265
|
background: var(--color-background-layout-toggle-selected-active-gdlg1f, #0073bb);
|
|
1262
1266
|
}
|
|
1263
|
-
.
|
|
1267
|
+
.awsui_trigger_hyvsj_61vii_1182.awsui_badge_hyvsj_61vii_1265:not(#\9), .awsui_trigger_hyvsj_61vii_1182.awsui_badge_hyvsj_61vii_1265:not(#\9):hover, .awsui_trigger_hyvsj_61vii_1182.awsui_badge_hyvsj_61vii_1265:not(#\9):active {
|
|
1264
1268
|
background: transparent;
|
|
1265
1269
|
}
|
|
1266
1270
|
|
|
1267
|
-
.awsui_trigger-
|
|
1271
|
+
.awsui_trigger-wrapper_hyvsj_61vii_1269:not(#\9) {
|
|
1268
1272
|
position: relative;
|
|
1269
|
-
box-shadow: var(--shadow-panel-toggle-s7z0bo, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
|
|
1270
1273
|
border-radius: 50%;
|
|
1271
1274
|
}
|
|
1275
|
+
.awsui_trigger-wrapper_hyvsj_61vii_1269:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_61vii_677) {
|
|
1276
|
+
box-shadow: var(--shadow-panel-toggle-s7z0bo, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
|
|
1277
|
+
}
|
|
1272
1278
|
|
|
1273
|
-
.
|
|
1279
|
+
.awsui_dot_hyvsj_61vii_1277:not(#\9) {
|
|
1274
1280
|
position: absolute;
|
|
1275
1281
|
width: 9px;
|
|
1276
1282
|
height: 9px;
|