@cloudscape-design/components 3.0.407 → 3.0.408
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/app-layout/visual-refresh/drawers.d.ts.map +1 -1
- package/app-layout/visual-refresh/drawers.js +0 -2
- package/app-layout/visual-refresh/drawers.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +77 -77
- package/app-layout/visual-refresh/styles.scoped.css +165 -210
- package/app-layout/visual-refresh/styles.selectors.js +77 -77
- package/icon/icons.js +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +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_1dh3h_93:not(#\9) {
|
|
94
94
|
display: contents;
|
|
95
95
|
}
|
|
96
|
-
div.
|
|
96
|
+
div.awsui_background_hyvsj_1dh3h_93 > .awsui_scrolling-background_hyvsj_1dh3h_96:not(#\9) {
|
|
97
97
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
98
98
|
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
99
99
|
grid-column: 1/span 5;
|
|
100
100
|
grid-row: 1/10;
|
|
101
101
|
}
|
|
102
|
-
div.
|
|
102
|
+
div.awsui_background_hyvsj_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_102:not(#\9) {
|
|
103
103
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
104
104
|
grid-column: 1/span 5;
|
|
105
105
|
grid-row: 1/10;
|
|
@@ -107,10 +107,10 @@ div.awsui_background_hyvsj_p48sj_93 > .awsui_sticky-background_hyvsj_p48sj_102:n
|
|
|
107
107
|
top: var(--awsui-header-height-y98gph);
|
|
108
108
|
z-index: 799;
|
|
109
109
|
}
|
|
110
|
-
div.
|
|
110
|
+
div.awsui_background_hyvsj_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1dh3h_110) {
|
|
111
111
|
height: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph));
|
|
112
112
|
}
|
|
113
|
-
div.
|
|
113
|
+
div.awsui_background_hyvsj_1dh3h_93 > .awsui_sticky-background_hyvsj_1dh3h_102.awsui_has-sticky-notifications_hyvsj_1dh3h_110:not(#\9) {
|
|
114
114
|
height: calc(
|
|
115
115
|
var(--awsui-notifications-gap-y98gph) + var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph)
|
|
116
116
|
);
|
|
@@ -120,7 +120,7 @@ div.awsui_background_hyvsj_p48sj_93 > .awsui_sticky-background_hyvsj_p48sj_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_1dh3h_123:not(#\9) {
|
|
124
124
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
125
125
|
grid-area: breadcrumbs;
|
|
126
126
|
/*
|
|
@@ -130,7 +130,7 @@ div.awsui_background_hyvsj_p48sj_93 > .awsui_sticky-background_hyvsj_p48sj_102.a
|
|
|
130
130
|
be lifted so it doesn't render behind the background element.
|
|
131
131
|
*/
|
|
132
132
|
}
|
|
133
|
-
.
|
|
133
|
+
.awsui_breadcrumbs_hyvsj_1dh3h_123.awsui_has-sticky-background_hyvsj_1dh3h_133:not(#\9) {
|
|
134
134
|
z-index: 799;
|
|
135
135
|
}
|
|
136
136
|
|
|
@@ -142,7 +142,7 @@ div.awsui_background_hyvsj_p48sj_93 > .awsui_sticky-background_hyvsj_p48sj_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_1dh3h_145:not(#\9) {
|
|
146
146
|
background-color: transparent;
|
|
147
147
|
display: flex;
|
|
148
148
|
grid-column: 5;
|
|
@@ -153,30 +153,19 @@ div.awsui_background_hyvsj_p48sj_93 > .awsui_sticky-background_hyvsj_p48sj_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_1dh3h_145.awsui_has-open-drawer_hyvsj_1dh3h_156:not(#\9) {
|
|
157
157
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
158
158
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
159
|
-
transition: background-color var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
160
|
-
}
|
|
161
|
-
@media (prefers-reduced-motion: reduce) {
|
|
162
|
-
.awsui_drawers-container_hyvsj_p48sj_145.awsui_has-open-drawer_hyvsj_p48sj_156:not(#\9) {
|
|
163
|
-
animation: none;
|
|
164
|
-
transition: none;
|
|
165
|
-
}
|
|
166
|
-
}
|
|
167
|
-
.awsui-motion-disabled .awsui_drawers-container_hyvsj_p48sj_145.awsui_has-open-drawer_hyvsj_p48sj_156:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_p48sj_145.awsui_has-open-drawer_hyvsj_p48sj_156:not(#\9) {
|
|
168
|
-
animation: none;
|
|
169
|
-
transition: none;
|
|
170
159
|
}
|
|
171
160
|
@media (min-width: 689px) {
|
|
172
|
-
.awsui_drawers-
|
|
161
|
+
.awsui_drawers-container_hyvsj_1dh3h_145:not(#\9) {
|
|
173
162
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
174
163
|
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));
|
|
175
164
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
176
165
|
}
|
|
177
166
|
}
|
|
178
167
|
@media (max-width: 688px) {
|
|
179
|
-
.awsui_drawers-
|
|
168
|
+
.awsui_drawers-container_hyvsj_1dh3h_145:not(#\9) {
|
|
180
169
|
position: fixed;
|
|
181
170
|
right: 0;
|
|
182
171
|
z-index: 1001;
|
|
@@ -188,12 +177,12 @@ div.awsui_background_hyvsj_p48sj_93 > .awsui_sticky-background_hyvsj_p48sj_102.a
|
|
|
188
177
|
relative to the body.
|
|
189
178
|
*/
|
|
190
179
|
}
|
|
191
|
-
.awsui_drawers-
|
|
180
|
+
.awsui_drawers-container_hyvsj_1dh3h_145.awsui_disable-body-scroll_hyvsj_1dh3h_180:not(#\9) {
|
|
192
181
|
top: var(--awsui-header-height-y98gph);
|
|
193
182
|
}
|
|
194
183
|
}
|
|
195
184
|
|
|
196
|
-
.awsui_drawers-desktop-triggers-
|
|
185
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1dh3h_185:not(#\9) {
|
|
197
186
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
198
187
|
border-collapse: separate;
|
|
199
188
|
border-spacing: 0;
|
|
@@ -238,43 +227,21 @@ div.awsui_background_hyvsj_p48sj_93 > .awsui_sticky-background_hyvsj_p48sj_102.a
|
|
|
238
227
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
239
228
|
overscroll-behavior-y: contain;
|
|
240
229
|
}
|
|
241
|
-
.awsui_drawers-desktop-triggers-
|
|
230
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1dh3h_185:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1dh3h_204).awsui_has-open-drawer_hyvsj_1dh3h_156 {
|
|
242
231
|
width: 0;
|
|
243
232
|
}
|
|
244
|
-
.awsui_drawers-desktop-triggers-
|
|
233
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1dh3h_185.awsui_has-multiple-triggers_hyvsj_1dh3h_204.awsui_has-open-drawer_hyvsj_1dh3h_156:not(#\9) {
|
|
245
234
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
246
|
-
transition: background-color var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
247
|
-
}
|
|
248
|
-
@media (prefers-reduced-motion: reduce) {
|
|
249
|
-
.awsui_drawers-desktop-triggers-container_hyvsj_p48sj_196.awsui_has-multiple-triggers_hyvsj_p48sj_215.awsui_has-open-drawer_hyvsj_p48sj_156:not(#\9) {
|
|
250
|
-
animation: none;
|
|
251
|
-
transition: none;
|
|
252
|
-
}
|
|
253
|
-
}
|
|
254
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_p48sj_196.awsui_has-multiple-triggers_hyvsj_p48sj_215.awsui_has-open-drawer_hyvsj_p48sj_156:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_p48sj_196.awsui_has-multiple-triggers_hyvsj_p48sj_215.awsui_has-open-drawer_hyvsj_p48sj_156:not(#\9) {
|
|
255
|
-
animation: none;
|
|
256
|
-
transition: none;
|
|
257
235
|
}
|
|
258
|
-
.awsui_drawers-desktop-triggers-
|
|
236
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1dh3h_185:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1dh3h_204):not(.awsui_has-open-drawer_hyvsj_1dh3h_156) {
|
|
259
237
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
260
|
-
transition: width var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
261
|
-
}
|
|
262
|
-
@media (prefers-reduced-motion: reduce) {
|
|
263
|
-
.awsui_drawers-desktop-triggers-container_hyvsj_p48sj_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_p48sj_215):not(.awsui_has-open-drawer_hyvsj_p48sj_156) {
|
|
264
|
-
animation: none;
|
|
265
|
-
transition: none;
|
|
266
|
-
}
|
|
267
|
-
}
|
|
268
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_p48sj_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_p48sj_215):not(.awsui_has-open-drawer_hyvsj_p48sj_156), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_p48sj_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_p48sj_215):not(.awsui_has-open-drawer_hyvsj_p48sj_156) {
|
|
269
|
-
animation: none;
|
|
270
|
-
transition: none;
|
|
271
238
|
}
|
|
272
239
|
|
|
273
|
-
.awsui_drawers-mobile-triggers-
|
|
240
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_1dh3h_214:not(#\9) {
|
|
274
241
|
display: flex;
|
|
275
242
|
}
|
|
276
243
|
|
|
277
|
-
.awsui_drawers-trigger-
|
|
244
|
+
.awsui_drawers-trigger-content_hyvsj_1dh3h_218:not(#\9) {
|
|
278
245
|
align-items: center;
|
|
279
246
|
display: flex;
|
|
280
247
|
flex-direction: column;
|
|
@@ -282,25 +249,13 @@ div.awsui_background_hyvsj_p48sj_93 > .awsui_sticky-background_hyvsj_p48sj_102.a
|
|
|
282
249
|
padding-top: var(--space-scaled-s-aqzyko, 12px);
|
|
283
250
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
284
251
|
}
|
|
285
|
-
.awsui_drawers-trigger-
|
|
252
|
+
.awsui_drawers-trigger-content_hyvsj_1dh3h_218:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1dh3h_204).awsui_has-open-drawer_hyvsj_1dh3h_156 {
|
|
286
253
|
opacity: 0;
|
|
287
254
|
}
|
|
288
|
-
.awsui_drawers-trigger-
|
|
255
|
+
.awsui_drawers-trigger-content_hyvsj_1dh3h_218:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1dh3h_204):not(.awsui_has-open-drawer_hyvsj_1dh3h_156) {
|
|
289
256
|
opacity: 1;
|
|
290
|
-
transition: opacity var(--motion-duration-refresh-only-medium-nf6485, 165ms);
|
|
291
|
-
transition-delay: calc(var(--motion-duration-refresh-only-fast-4jn2d7, 115ms) / 1.5);
|
|
292
|
-
}
|
|
293
|
-
@media (prefers-reduced-motion: reduce) {
|
|
294
|
-
.awsui_drawers-trigger-content_hyvsj_p48sj_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_p48sj_215):not(.awsui_has-open-drawer_hyvsj_p48sj_156) {
|
|
295
|
-
animation: none;
|
|
296
|
-
transition: none;
|
|
297
|
-
}
|
|
298
|
-
}
|
|
299
|
-
.awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_p48sj_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_p48sj_215):not(.awsui_has-open-drawer_hyvsj_p48sj_156), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_p48sj_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_p48sj_215):not(.awsui_has-open-drawer_hyvsj_p48sj_156) {
|
|
300
|
-
animation: none;
|
|
301
|
-
transition: none;
|
|
302
257
|
}
|
|
303
|
-
.awsui_drawers-trigger-
|
|
258
|
+
.awsui_drawers-trigger-content_hyvsj_1dh3h_218 > .awsui_drawers-trigger-overflow_hyvsj_1dh3h_232:not(#\9) {
|
|
304
259
|
padding: 0 1px;
|
|
305
260
|
display: flex;
|
|
306
261
|
align-items: center;
|
|
@@ -308,14 +263,14 @@ div.awsui_background_hyvsj_p48sj_93 > .awsui_sticky-background_hyvsj_p48sj_102.a
|
|
|
308
263
|
}
|
|
309
264
|
|
|
310
265
|
@media (max-width: 688px) {
|
|
311
|
-
.awsui_drawers-
|
|
266
|
+
.awsui_drawers-trigger_hyvsj_1dh3h_218:not(#\9) {
|
|
312
267
|
width: 40px;
|
|
313
268
|
display: flex;
|
|
314
269
|
justify-content: center;
|
|
315
270
|
}
|
|
316
271
|
}
|
|
317
272
|
|
|
318
|
-
.
|
|
273
|
+
.awsui_drawer_hyvsj_1dh3h_145:not(#\9) {
|
|
319
274
|
--awsui-drawer-size-y98gph: 290px;
|
|
320
275
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
321
276
|
border-color: transparent;
|
|
@@ -330,7 +285,7 @@ div.awsui_background_hyvsj_p48sj_93 > .awsui_sticky-background_hyvsj_p48sj_102.a
|
|
|
330
285
|
pointer-events: auto;
|
|
331
286
|
word-wrap: break-word;
|
|
332
287
|
}
|
|
333
|
-
.
|
|
288
|
+
.awsui_drawer_hyvsj_1dh3h_145 > .awsui_drawer-content-container_hyvsj_1dh3h_262:not(#\9) {
|
|
334
289
|
grid-column: 1/span 2;
|
|
335
290
|
grid-row: 1;
|
|
336
291
|
width: var(--awsui-drawer-size-y98gph);
|
|
@@ -339,40 +294,40 @@ div.awsui_background_hyvsj_p48sj_93 > .awsui_sticky-background_hyvsj_p48sj_102.a
|
|
|
339
294
|
grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
|
|
340
295
|
overflow-y: auto;
|
|
341
296
|
}
|
|
342
|
-
.
|
|
297
|
+
.awsui_drawer_hyvsj_1dh3h_145 > .awsui_drawer-content-container_hyvsj_1dh3h_262 > .awsui_drawer-close-button_hyvsj_1dh3h_271:not(#\9) {
|
|
343
298
|
grid-column: 3;
|
|
344
299
|
grid-row: 2;
|
|
345
300
|
z-index: 1;
|
|
346
301
|
}
|
|
347
|
-
.
|
|
302
|
+
.awsui_drawer_hyvsj_1dh3h_145 > .awsui_drawer-content-container_hyvsj_1dh3h_262 > .awsui_drawer-content_hyvsj_1dh3h_262:not(#\9) {
|
|
348
303
|
grid-column: 1/span 4;
|
|
349
304
|
}
|
|
350
|
-
.
|
|
305
|
+
.awsui_drawer_hyvsj_1dh3h_145 > .awsui_drawer-content-container_hyvsj_1dh3h_262 > .awsui_drawer-content_hyvsj_1dh3h_262.awsui_drawer-content-hidden_hyvsj_1dh3h_279:not(#\9) {
|
|
351
306
|
display: none;
|
|
352
307
|
}
|
|
353
|
-
.
|
|
308
|
+
.awsui_drawer_hyvsj_1dh3h_145 > .awsui_drawer-slider_hyvsj_1dh3h_282:not(#\9) {
|
|
354
309
|
grid-column: 1;
|
|
355
310
|
grid-row: 1;
|
|
356
311
|
height: 100%;
|
|
357
312
|
display: flex;
|
|
358
313
|
align-items: center;
|
|
359
314
|
}
|
|
360
|
-
.
|
|
315
|
+
.awsui_drawer_hyvsj_1dh3h_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_1dh3h_289) {
|
|
361
316
|
opacity: 0;
|
|
362
317
|
width: 0;
|
|
363
318
|
}
|
|
364
|
-
.
|
|
319
|
+
.awsui_drawer_hyvsj_1dh3h_145.awsui_is-drawer-open_hyvsj_1dh3h_289:not(#\9) {
|
|
365
320
|
border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
366
321
|
opacity: 1;
|
|
367
322
|
width: var(--awsui-drawer-size-y98gph);
|
|
368
323
|
}
|
|
369
324
|
@media (min-width: 2541px) {
|
|
370
|
-
.
|
|
325
|
+
.awsui_drawer_hyvsj_1dh3h_145.awsui_is-drawer-open_hyvsj_1dh3h_289:not(#\9) {
|
|
371
326
|
--awsui-drawer-size-y98gph: 320px;
|
|
372
327
|
}
|
|
373
328
|
}
|
|
374
329
|
@media (max-width: 688px) {
|
|
375
|
-
.
|
|
330
|
+
.awsui_drawer_hyvsj_1dh3h_145.awsui_is-drawer-open_hyvsj_1dh3h_289:not(#\9) {
|
|
376
331
|
--awsui-drawer-size-y98gph: 100vw;
|
|
377
332
|
width: 100vw;
|
|
378
333
|
}
|
|
@@ -382,7 +337,7 @@ div.awsui_background_hyvsj_p48sj_93 > .awsui_sticky-background_hyvsj_p48sj_102.a
|
|
|
382
337
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
383
338
|
SPDX-License-Identifier: Apache-2.0
|
|
384
339
|
*/
|
|
385
|
-
header.
|
|
340
|
+
header.awsui_content_hyvsj_1dh3h_314:not(#\9) {
|
|
386
341
|
grid-area: header;
|
|
387
342
|
}
|
|
388
343
|
|
|
@@ -403,7 +358,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
403
358
|
circumstances regardless of whether the minContentWidth property is
|
|
404
359
|
explicitly set in script.
|
|
405
360
|
*/
|
|
406
|
-
.
|
|
361
|
+
.awsui_layout_hyvsj_1dh3h_335:not(#\9) {
|
|
407
362
|
--awsui-breadcrumbs-gap-y98gph: 0px;
|
|
408
363
|
--awsui-content-gap-left-y98gph: 0px;
|
|
409
364
|
--awsui-content-gap-right-y98gph: 0px;
|
|
@@ -486,133 +441,133 @@ explicitly set in script.
|
|
|
486
441
|
*/
|
|
487
442
|
}
|
|
488
443
|
@media (min-width: 1401px) {
|
|
489
|
-
.
|
|
444
|
+
.awsui_layout_hyvsj_1dh3h_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1dh3h_418) {
|
|
490
445
|
--awsui-default-max-content-width-y98gph: 1280px;
|
|
491
446
|
}
|
|
492
447
|
}
|
|
493
448
|
@media (min-width: 1921px) {
|
|
494
|
-
.
|
|
449
|
+
.awsui_layout_hyvsj_1dh3h_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1dh3h_418) {
|
|
495
450
|
--awsui-default-max-content-width-y98gph: 1440px;
|
|
496
451
|
}
|
|
497
452
|
}
|
|
498
453
|
@media (min-width: 2541px) {
|
|
499
|
-
.
|
|
454
|
+
.awsui_layout_hyvsj_1dh3h_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1dh3h_418) {
|
|
500
455
|
--awsui-default-max-content-width-y98gph: 1620px;
|
|
501
456
|
}
|
|
502
457
|
}
|
|
503
458
|
@media (min-width: 1401px) {
|
|
504
|
-
.
|
|
459
|
+
.awsui_layout_hyvsj_1dh3h_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1dh3h_418).awsui_content-type-dashboard_hyvsj_1dh3h_433 {
|
|
505
460
|
--awsui-default-max-content-width-y98gph: 1280px;
|
|
506
461
|
}
|
|
507
462
|
}
|
|
508
463
|
@media (min-width: 1921px) {
|
|
509
|
-
.
|
|
464
|
+
.awsui_layout_hyvsj_1dh3h_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1dh3h_418).awsui_content-type-dashboard_hyvsj_1dh3h_433 {
|
|
510
465
|
--awsui-default-max-content-width-y98gph: 1620px;
|
|
511
466
|
}
|
|
512
467
|
}
|
|
513
468
|
@media (min-width: 2541px) {
|
|
514
|
-
.
|
|
469
|
+
.awsui_layout_hyvsj_1dh3h_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1dh3h_418).awsui_content-type-dashboard_hyvsj_1dh3h_433 {
|
|
515
470
|
--awsui-default-max-content-width-y98gph: 2160px;
|
|
516
471
|
}
|
|
517
472
|
}
|
|
518
|
-
.
|
|
473
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_has-max-content-width_hyvsj_1dh3h_418:not(#\9) {
|
|
519
474
|
--awsui-default-max-content-width-y98gph: var(--awsui-max-content-width-y98gph);
|
|
520
475
|
}
|
|
521
|
-
.
|
|
476
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_is-overlap-disabled_hyvsj_1dh3h_450:not(#\9) {
|
|
522
477
|
--awsui-overlap-height-y98gph: 0;
|
|
523
478
|
}
|
|
524
479
|
@media (min-width: 993px) {
|
|
525
|
-
.
|
|
480
|
+
.awsui_layout_hyvsj_1dh3h_335:not(#\9) {
|
|
526
481
|
--awsui-default-min-content-width-y98gph: var(--awsui-min-content-width-y98gph, 280px);
|
|
527
482
|
}
|
|
528
483
|
}
|
|
529
484
|
@media (max-width: 992px) {
|
|
530
|
-
.
|
|
485
|
+
.awsui_layout_hyvsj_1dh3h_335:not(#\9) {
|
|
531
486
|
--awsui-default-min-content-width-y98gph: 0px;
|
|
532
487
|
}
|
|
533
488
|
}
|
|
534
|
-
.
|
|
489
|
+
.awsui_layout_hyvsj_1dh3h_335:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1dh3h_110):not(.awsui_has-sticky-background_hyvsj_1dh3h_133) {
|
|
535
490
|
--awsui-offset-top-with-notifications-y98gph: var(--awsui-header-height-y98gph);
|
|
536
491
|
}
|
|
537
|
-
.
|
|
492
|
+
.awsui_layout_hyvsj_1dh3h_335:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1dh3h_110).awsui_has-sticky-background_hyvsj_1dh3h_133 {
|
|
538
493
|
--awsui-offset-top-with-notifications-y98gph: calc(var(--awsui-header-height-y98gph) + var(--space-scaled-s-aqzyko, 12px));
|
|
539
494
|
}
|
|
540
|
-
.
|
|
495
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_has-sticky-notifications_hyvsj_1dh3h_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_1dh3h_133) {
|
|
541
496
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
542
497
|
var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
|
|
543
498
|
var(--awsui-notifications-height-y98gph) + var(--space-xxxs-zbmxqb, 2px)
|
|
544
499
|
);
|
|
545
500
|
}
|
|
546
|
-
.
|
|
501
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_has-sticky-notifications_hyvsj_1dh3h_110.awsui_has-sticky-background_hyvsj_1dh3h_133:not(#\9) {
|
|
547
502
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
548
503
|
var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
|
|
549
504
|
var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px)
|
|
550
505
|
);
|
|
551
506
|
}
|
|
552
507
|
@media (min-width: 689px) {
|
|
553
|
-
.
|
|
508
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_has-content-gap-left_hyvsj_1dh3h_482:not(#\9) {
|
|
554
509
|
--awsui-content-gap-left-y98gph: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
|
|
555
510
|
}
|
|
556
|
-
.
|
|
511
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_has-content-gap-right_hyvsj_1dh3h_485:not(#\9) {
|
|
557
512
|
--awsui-content-gap-right-y98gph: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
|
|
558
513
|
}
|
|
559
514
|
}
|
|
560
515
|
@media (max-width: 688px) {
|
|
561
|
-
.
|
|
516
|
+
.awsui_layout_hyvsj_1dh3h_335:not(#\9) {
|
|
562
517
|
--awsui-content-gap-left-y98gph: var(--space-l-t419sm, 20px);
|
|
563
518
|
--awsui-content-gap-right-y98gph: var(--space-l-t419sm, 20px);
|
|
564
519
|
}
|
|
565
520
|
}
|
|
566
|
-
.
|
|
521
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-notifications_hyvsj_1dh3h_495:not(#\9) {
|
|
567
522
|
--awsui-notifications-gap-y98gph: var(--space-xs-zb16t3, 8px);
|
|
568
523
|
}
|
|
569
|
-
.
|
|
524
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_has-breadcrumbs_hyvsj_1dh3h_498:not(#\9) {
|
|
570
525
|
--awsui-breadcrumbs-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
571
526
|
}
|
|
572
|
-
.
|
|
527
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-header_hyvsj_1dh3h_501:not(#\9), .awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-notifications_hyvsj_1dh3h_495:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1dh3h_498).awsui_has-header_hyvsj_1dh3h_501 {
|
|
573
528
|
--awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
|
|
574
529
|
}
|
|
575
|
-
.
|
|
530
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_has-breadcrumbs_hyvsj_1dh3h_498.awsui_has-header_hyvsj_1dh3h_501:not(#\9) {
|
|
576
531
|
--awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
|
|
577
532
|
}
|
|
578
|
-
.
|
|
533
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-notifications_hyvsj_1dh3h_495:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1dh3h_498):not(.awsui_has-header_hyvsj_1dh3h_501) {
|
|
579
534
|
--awsui-main-gap-y98gph: var(--space-xs-zb16t3, 8px);
|
|
580
535
|
}
|
|
581
|
-
.
|
|
536
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_has-breadcrumbs_hyvsj_1dh3h_498:not(#\9):not(.awsui_has-header_hyvsj_1dh3h_501) {
|
|
582
537
|
--awsui-container-first-gap-y98gph: calc(var(--awsui-breadcrumbs-gap-y98gph) - var(--awsui-main-gap-y98gph));
|
|
583
538
|
}
|
|
584
|
-
.
|
|
539
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_has-breadcrumbs_hyvsj_1dh3h_498:not(#\9):not(.awsui_has-header_hyvsj_1dh3h_501).awsui_is-overlap-disabled_hyvsj_1dh3h_450 {
|
|
585
540
|
--awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
586
541
|
}
|
|
587
|
-
.
|
|
542
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_has-breadcrumbs_hyvsj_1dh3h_498:not(#\9):not(.awsui_has-header_hyvsj_1dh3h_501):not(.awsui_is-overlap-disabled_hyvsj_1dh3h_450) {
|
|
588
543
|
--awsui-main-gap-y98gph: var(--space-scaled-xxs-7597g1, 4px);
|
|
589
544
|
}
|
|
590
|
-
.
|
|
545
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_has-header_hyvsj_1dh3h_501:not(#\9) {
|
|
591
546
|
--awsui-main-gap-y98gph: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
592
547
|
}
|
|
593
|
-
.
|
|
548
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-main_hyvsj_1dh3h_522:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1dh3h_450), .awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-main_hyvsj_1dh3h_522.awsui_is-overlap-disabled_hyvsj_1dh3h_450:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1dh3h_522) {
|
|
594
549
|
--awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
595
550
|
}
|
|
596
551
|
@media (min-width: 689px) {
|
|
597
|
-
.
|
|
552
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-main_hyvsj_1dh3h_522:not(#\9):not(.awsui_has-header_hyvsj_1dh3h_501) {
|
|
598
553
|
--awsui-container-first-overlap-extension-y98gph: var(--space-m-udix3p, 16px);
|
|
599
554
|
--awsui-container-first-gap-y98gph: var(--space-xxs-p8yyaw, 4px);
|
|
600
555
|
}
|
|
601
556
|
}
|
|
602
557
|
@media (max-width: 688px) {
|
|
603
|
-
.
|
|
558
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-notifications_hyvsj_1dh3h_495:not(#\9) {
|
|
604
559
|
--awsui-notifications-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
605
560
|
}
|
|
606
|
-
.
|
|
561
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-header_hyvsj_1dh3h_501:not(#\9) {
|
|
607
562
|
--awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
608
563
|
}
|
|
609
|
-
.
|
|
564
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-notifications_hyvsj_1dh3h_495:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1dh3h_498).awsui_has-header_hyvsj_1dh3h_501 {
|
|
610
565
|
--awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
611
566
|
}
|
|
612
|
-
.
|
|
567
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-notifications_hyvsj_1dh3h_495:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1dh3h_498):not(.awsui_has-header_hyvsj_1dh3h_501), .awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-main_hyvsj_1dh3h_522:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1dh3h_450) {
|
|
613
568
|
--awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
614
569
|
}
|
|
615
|
-
.
|
|
570
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_content-first-child-main_hyvsj_1dh3h_522.awsui_is-overlap-disabled_hyvsj_1dh3h_450:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1dh3h_522) {
|
|
616
571
|
--awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
617
572
|
}
|
|
618
573
|
}
|
|
@@ -627,19 +582,19 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
627
582
|
position: sticky will be the value of the notifications height in addition to the
|
|
628
583
|
notifications top margin and some additional vertical space for aesthetics.
|
|
629
584
|
*/
|
|
630
|
-
.
|
|
585
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_disable-body-scroll_hyvsj_1dh3h_180:not(#\9) {
|
|
631
586
|
--awsui-main-template-rows-y98gph: 1fr auto;
|
|
632
587
|
--awsui-offset-top-y98gph: 0px;
|
|
633
588
|
height: var(--awsui-content-height-y98gph);
|
|
634
589
|
overflow-y: scroll;
|
|
635
590
|
}
|
|
636
|
-
.
|
|
591
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_disable-body-scroll_hyvsj_1dh3h_180.awsui_has-split-panel_hyvsj_1dh3h_565.awsui_split-panel-position-bottom_hyvsj_1dh3h_565:not(#\9) {
|
|
637
592
|
--awsui-main-template-rows-y98gph: repeat(2, auto);
|
|
638
593
|
}
|
|
639
|
-
.
|
|
594
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_disable-body-scroll_hyvsj_1dh3h_180:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1dh3h_110) {
|
|
640
595
|
--awsui-offset-top-with-notifications-y98gph: 0px;
|
|
641
596
|
}
|
|
642
|
-
.
|
|
597
|
+
.awsui_layout_hyvsj_1dh3h_335.awsui_disable-body-scroll_hyvsj_1dh3h_180.awsui_has-sticky-notifications_hyvsj_1dh3h_110:not(#\9) {
|
|
643
598
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
644
599
|
var(--awsui-notifications-height-y98gph) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
|
|
645
600
|
);
|
|
@@ -649,13 +604,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
649
604
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
650
605
|
when the navigation or tools drawers are open in responsive viewports.
|
|
651
606
|
*/
|
|
652
|
-
.awsui_block-body-
|
|
607
|
+
.awsui_block-body-scroll_hyvsj_1dh3h_581:not(#\9) {
|
|
653
608
|
overflow: hidden;
|
|
654
609
|
}
|
|
655
610
|
|
|
656
611
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
657
|
-
.
|
|
658
|
-
.
|
|
612
|
+
.awsui_unfocusable_hyvsj_1dh3h_586:not(#\9),
|
|
613
|
+
.awsui_unfocusable_hyvsj_1dh3h_586 *:not(#\9) {
|
|
659
614
|
visibility: hidden !important;
|
|
660
615
|
}
|
|
661
616
|
|
|
@@ -664,7 +619,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
664
619
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
665
620
|
SPDX-License-Identifier: Apache-2.0
|
|
666
621
|
*/
|
|
667
|
-
.
|
|
622
|
+
.awsui_container_hyvsj_1dh3h_596:not(#\9) {
|
|
668
623
|
grid-area: main;
|
|
669
624
|
padding-bottom: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
670
625
|
/*
|
|
@@ -681,18 +636,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
681
636
|
on the right, we decrement the column end by one.
|
|
682
637
|
*/
|
|
683
638
|
}
|
|
684
|
-
.
|
|
639
|
+
.awsui_container_hyvsj_1dh3h_596.awsui_has-split-panel_hyvsj_1dh3h_565.awsui_split-panel-position-bottom_hyvsj_1dh3h_565:not(#\9) {
|
|
685
640
|
padding-bottom: calc(var(--awsui-split-panel-height-y98gph) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
686
641
|
}
|
|
687
|
-
.
|
|
642
|
+
.awsui_container_hyvsj_1dh3h_596.awsui_disable-content-paddings_hyvsj_1dh3h_522:not(#\9) {
|
|
688
643
|
grid-column: 1/6;
|
|
689
644
|
padding: 0;
|
|
690
645
|
}
|
|
691
646
|
@media (min-width: 689px) {
|
|
692
|
-
.
|
|
647
|
+
.awsui_container_hyvsj_1dh3h_596.awsui_disable-content-paddings_hyvsj_1dh3h_522.awsui_is-navigation-open_hyvsj_1dh3h_621:not(#\9) {
|
|
693
648
|
grid-column-start: 2;
|
|
694
649
|
}
|
|
695
|
-
.
|
|
650
|
+
.awsui_container_hyvsj_1dh3h_596.awsui_disable-content-paddings_hyvsj_1dh3h_522.awsui_is-tools-open_hyvsj_1dh3h_624:not(#\9), .awsui_container_hyvsj_1dh3h_596.awsui_disable-content-paddings_hyvsj_1dh3h_522.awsui_is-split-panel-open_hyvsj_1dh3h_624.awsui_split-panel-position-side_hyvsj_1dh3h_624:not(#\9), .awsui_container_hyvsj_1dh3h_596.awsui_disable-content-paddings_hyvsj_1dh3h_522.awsui_has-active-drawer_hyvsj_1dh3h_624:not(#\9) {
|
|
696
651
|
grid-column-end: 5;
|
|
697
652
|
}
|
|
698
653
|
}
|
|
@@ -701,7 +656,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
701
656
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
702
657
|
SPDX-License-Identifier: Apache-2.0
|
|
703
658
|
*/
|
|
704
|
-
section.awsui_mobile-
|
|
659
|
+
section.awsui_mobile-toolbar_hyvsj_1dh3h_633:not(#\9) {
|
|
705
660
|
align-items: center;
|
|
706
661
|
background-color: var(--color-background-home-header-2rudu7, #000716);
|
|
707
662
|
border-bottom: 1px solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
@@ -717,15 +672,15 @@ section.awsui_mobile-toolbar_hyvsj_p48sj_678:not(#\9) {
|
|
|
717
672
|
top: var(--awsui-offset-top-y98gph);
|
|
718
673
|
z-index: 1000;
|
|
719
674
|
}
|
|
720
|
-
section.awsui_mobile-
|
|
675
|
+
section.awsui_mobile-toolbar_hyvsj_1dh3h_633 > .awsui_mobile-toolbar-nav_hyvsj_1dh3h_649:not(#\9) {
|
|
721
676
|
grid-column: 1;
|
|
722
677
|
margin-right: var(--space-m-udix3p, 16px);
|
|
723
678
|
}
|
|
724
|
-
section.awsui_mobile-
|
|
679
|
+
section.awsui_mobile-toolbar_hyvsj_1dh3h_633 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1dh3h_653:not(#\9) {
|
|
725
680
|
grid-column: 2;
|
|
726
681
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
727
682
|
}
|
|
728
|
-
section.awsui_mobile-
|
|
683
|
+
section.awsui_mobile-toolbar_hyvsj_1dh3h_633 > .awsui_mobile-toolbar-tools_hyvsj_1dh3h_657:not(#\9) {
|
|
729
684
|
grid-column: 3;
|
|
730
685
|
margin-left: var(--space-m-udix3p, 16px);
|
|
731
686
|
}
|
|
@@ -734,7 +689,7 @@ section.awsui_mobile-toolbar_hyvsj_p48sj_678 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
734
689
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
735
690
|
SPDX-License-Identifier: Apache-2.0
|
|
736
691
|
*/
|
|
737
|
-
.awsui_navigation-
|
|
692
|
+
.awsui_navigation-container_hyvsj_1dh3h_666:not(#\9) {
|
|
738
693
|
--awsui-navigation-width-y98gph: 280px;
|
|
739
694
|
display: flex;
|
|
740
695
|
grid-column: 1;
|
|
@@ -756,12 +711,12 @@ section.awsui_mobile-toolbar_hyvsj_p48sj_678 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
756
711
|
pointer-events: none;
|
|
757
712
|
}
|
|
758
713
|
@media (min-width: 2541px) {
|
|
759
|
-
.awsui_navigation-
|
|
714
|
+
.awsui_navigation-container_hyvsj_1dh3h_666:not(#\9) {
|
|
760
715
|
--awsui-navigation-width-y98gph: 320px;
|
|
761
716
|
}
|
|
762
717
|
}
|
|
763
718
|
@media (max-width: 688px) {
|
|
764
|
-
.awsui_navigation-
|
|
719
|
+
.awsui_navigation-container_hyvsj_1dh3h_666:not(#\9) {
|
|
765
720
|
left: 0;
|
|
766
721
|
position: fixed;
|
|
767
722
|
z-index: 1001;
|
|
@@ -773,19 +728,19 @@ section.awsui_mobile-toolbar_hyvsj_p48sj_678 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
773
728
|
relative to the body.
|
|
774
729
|
*/
|
|
775
730
|
}
|
|
776
|
-
.awsui_navigation-
|
|
731
|
+
.awsui_navigation-container_hyvsj_1dh3h_666.awsui_disable-body-scroll_hyvsj_1dh3h_180:not(#\9) {
|
|
777
732
|
top: var(--awsui-header-height-y98gph);
|
|
778
733
|
}
|
|
779
734
|
}
|
|
780
735
|
|
|
781
|
-
nav.awsui_show-
|
|
736
|
+
nav.awsui_show-navigation_hyvsj_1dh3h_710:not(#\9) {
|
|
782
737
|
padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-sgkxy2, 20px);
|
|
783
738
|
/*
|
|
784
739
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
785
740
|
take control in responsive viewports.
|
|
786
741
|
*/
|
|
787
742
|
}
|
|
788
|
-
@keyframes
|
|
743
|
+
@keyframes awsui_showButtons_hyvsj_1dh3h_1 {
|
|
789
744
|
0% {
|
|
790
745
|
opacity: 0;
|
|
791
746
|
}
|
|
@@ -793,31 +748,31 @@ nav.awsui_show-navigation_hyvsj_p48sj_755:not(#\9) {
|
|
|
793
748
|
opacity: 1;
|
|
794
749
|
}
|
|
795
750
|
}
|
|
796
|
-
nav.awsui_show-
|
|
751
|
+
nav.awsui_show-navigation_hyvsj_1dh3h_710.awsui_is-navigation-open_hyvsj_1dh3h_621:not(#\9) {
|
|
797
752
|
display: none;
|
|
798
753
|
}
|
|
799
754
|
@media (min-width: 689px) {
|
|
800
|
-
nav.awsui_show-
|
|
755
|
+
nav.awsui_show-navigation_hyvsj_1dh3h_710:not(#\9):not(.awsui_is-navigation-open_hyvsj_1dh3h_621) {
|
|
801
756
|
display: block;
|
|
802
757
|
}
|
|
803
|
-
nav.awsui_show-
|
|
804
|
-
animation:
|
|
758
|
+
nav.awsui_show-navigation_hyvsj_1dh3h_710:not(#\9):not(.awsui_is-navigation-open_hyvsj_1dh3h_621).awsui_animating_hyvsj_1dh3h_732 {
|
|
759
|
+
animation: awsui_showButtons_hyvsj_1dh3h_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
805
760
|
}
|
|
806
761
|
}
|
|
807
762
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
808
|
-
nav.awsui_show-
|
|
763
|
+
nav.awsui_show-navigation_hyvsj_1dh3h_710:not(#\9):not(.awsui_is-navigation-open_hyvsj_1dh3h_621).awsui_animating_hyvsj_1dh3h_732 {
|
|
809
764
|
animation: none;
|
|
810
765
|
transition: none;
|
|
811
766
|
}
|
|
812
767
|
}
|
|
813
768
|
@media (min-width: 689px) {
|
|
814
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
769
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1dh3h_710:not(#\9):not(.awsui_is-navigation-open_hyvsj_1dh3h_621).awsui_animating_hyvsj_1dh3h_732, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1dh3h_710:not(#\9):not(.awsui_is-navigation-open_hyvsj_1dh3h_621).awsui_animating_hyvsj_1dh3h_732 {
|
|
815
770
|
animation: none;
|
|
816
771
|
transition: none;
|
|
817
772
|
}
|
|
818
773
|
}
|
|
819
774
|
|
|
820
|
-
nav.
|
|
775
|
+
nav.awsui_navigation_hyvsj_1dh3h_666:not(#\9) {
|
|
821
776
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
822
777
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
823
778
|
bottom: 0;
|
|
@@ -835,7 +790,7 @@ nav.awsui_navigation_hyvsj_p48sj_711:not(#\9) {
|
|
|
835
790
|
prevent unwanted text wrapping.
|
|
836
791
|
*/
|
|
837
792
|
}
|
|
838
|
-
@keyframes
|
|
793
|
+
@keyframes awsui_openNavigation_hyvsj_1dh3h_1 {
|
|
839
794
|
from {
|
|
840
795
|
opacity: 0;
|
|
841
796
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
@@ -845,33 +800,33 @@ nav.awsui_navigation_hyvsj_p48sj_711:not(#\9) {
|
|
|
845
800
|
width: var(--awsui-navigation-width-y98gph);
|
|
846
801
|
}
|
|
847
802
|
}
|
|
848
|
-
nav.
|
|
803
|
+
nav.awsui_navigation_hyvsj_1dh3h_666:not(#\9):not(.awsui_is-navigation-open_hyvsj_1dh3h_621) {
|
|
849
804
|
width: 0;
|
|
850
805
|
display: none;
|
|
851
806
|
}
|
|
852
|
-
nav.
|
|
853
|
-
animation:
|
|
807
|
+
nav.awsui_navigation_hyvsj_1dh3h_666.awsui_is-navigation-open_hyvsj_1dh3h_621.awsui_animating_hyvsj_1dh3h_732:not(#\9) {
|
|
808
|
+
animation: awsui_openNavigation_hyvsj_1dh3h_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
854
809
|
}
|
|
855
810
|
@media (prefers-reduced-motion: reduce) {
|
|
856
|
-
nav.
|
|
811
|
+
nav.awsui_navigation_hyvsj_1dh3h_666.awsui_is-navigation-open_hyvsj_1dh3h_621.awsui_animating_hyvsj_1dh3h_732:not(#\9) {
|
|
857
812
|
animation: none;
|
|
858
813
|
transition: none;
|
|
859
814
|
}
|
|
860
815
|
}
|
|
861
|
-
.awsui-motion-disabled nav.
|
|
816
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_1dh3h_666.awsui_is-navigation-open_hyvsj_1dh3h_621.awsui_animating_hyvsj_1dh3h_732:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1dh3h_666.awsui_is-navigation-open_hyvsj_1dh3h_621.awsui_animating_hyvsj_1dh3h_732:not(#\9) {
|
|
862
817
|
animation: none;
|
|
863
818
|
transition: none;
|
|
864
819
|
}
|
|
865
|
-
nav.
|
|
820
|
+
nav.awsui_navigation_hyvsj_1dh3h_666 > .awsui_animated-content_hyvsj_1dh3h_794:not(#\9) {
|
|
866
821
|
width: var(--awsui-navigation-width-y98gph);
|
|
867
822
|
}
|
|
868
823
|
@media (max-width: 688px) {
|
|
869
|
-
nav.
|
|
824
|
+
nav.awsui_navigation_hyvsj_1dh3h_666:not(#\9) {
|
|
870
825
|
--awsui-navigation-width-y98gph: 100vw;
|
|
871
826
|
}
|
|
872
827
|
}
|
|
873
828
|
|
|
874
|
-
.awsui_hide-
|
|
829
|
+
.awsui_hide-navigation_hyvsj_1dh3h_803:not(#\9) {
|
|
875
830
|
position: absolute;
|
|
876
831
|
right: var(--space-m-udix3p, 16px);
|
|
877
832
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -881,13 +836,13 @@ nav.awsui_navigation_hyvsj_p48sj_711 > .awsui_animated-content_hyvsj_p48sj_839:n
|
|
|
881
836
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
882
837
|
SPDX-License-Identifier: Apache-2.0
|
|
883
838
|
*/
|
|
884
|
-
.
|
|
839
|
+
.awsui_notifications_hyvsj_1dh3h_813:not(#\9) {
|
|
885
840
|
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
886
841
|
grid-area: notifications;
|
|
887
842
|
z-index: 850;
|
|
888
843
|
}
|
|
889
844
|
@media (min-width: 689px) {
|
|
890
|
-
.
|
|
845
|
+
.awsui_notifications_hyvsj_1dh3h_813.awsui_sticky-notifications_hyvsj_1dh3h_819:not(#\9) {
|
|
891
846
|
--awsui-flashbar-sticky-bottom-margin-y98gph: var(--space-xxl-cu2m1r, 32px);
|
|
892
847
|
position: sticky;
|
|
893
848
|
top: calc(var(--awsui-offset-top-y98gph) + var(--space-xs-zb16t3, 8px));
|
|
@@ -904,7 +859,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
904
859
|
consume the remaining vertical space in the grid after the notifications
|
|
905
860
|
and breadcrumbs.
|
|
906
861
|
*/
|
|
907
|
-
section.awsui_split-panel-
|
|
862
|
+
section.awsui_split-panel-bottom_hyvsj_1dh3h_836:not(#\9) {
|
|
908
863
|
/*
|
|
909
864
|
The align self property will position the split panel at the bottom of the grid row.
|
|
910
865
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -940,7 +895,7 @@ section.awsui_split-panel-bottom_hyvsj_p48sj_881:not(#\9) {
|
|
|
940
895
|
apply the animation to the height property.
|
|
941
896
|
*/
|
|
942
897
|
}
|
|
943
|
-
@keyframes
|
|
898
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_1dh3h_1 {
|
|
944
899
|
from {
|
|
945
900
|
height: var(--awsui-split-panel-reported-header-size-y98gph, 0);
|
|
946
901
|
}
|
|
@@ -948,39 +903,39 @@ section.awsui_split-panel-bottom_hyvsj_p48sj_881:not(#\9) {
|
|
|
948
903
|
height: var(--awsui-split-panel-reported-size-y98gph);
|
|
949
904
|
}
|
|
950
905
|
}
|
|
951
|
-
section.awsui_split-panel-
|
|
906
|
+
section.awsui_split-panel-bottom_hyvsj_1dh3h_836.awsui_disable-body-scroll_hyvsj_1dh3h_180:not(#\9) {
|
|
952
907
|
bottom: 0;
|
|
953
908
|
}
|
|
954
|
-
section.awsui_split-panel-
|
|
909
|
+
section.awsui_split-panel-bottom_hyvsj_1dh3h_836.awsui_is-navigation-open_hyvsj_1dh3h_621.awsui_position-bottom_hyvsj_1dh3h_883:not(#\9) {
|
|
955
910
|
grid-column-start: 2;
|
|
956
911
|
}
|
|
957
|
-
section.awsui_split-panel-
|
|
912
|
+
section.awsui_split-panel-bottom_hyvsj_1dh3h_836.awsui_has-open-drawer_hyvsj_1dh3h_156.awsui_position-bottom_hyvsj_1dh3h_883:not(#\9) {
|
|
958
913
|
grid-column-end: 5;
|
|
959
914
|
}
|
|
960
|
-
section.awsui_split-panel-
|
|
915
|
+
section.awsui_split-panel-bottom_hyvsj_1dh3h_836.awsui_position-bottom_hyvsj_1dh3h_883:not(#\9) {
|
|
961
916
|
display: block;
|
|
962
917
|
}
|
|
963
|
-
section.awsui_split-panel-
|
|
918
|
+
section.awsui_split-panel-bottom_hyvsj_1dh3h_836:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1dh3h_624).awsui_position-bottom_hyvsj_1dh3h_883 {
|
|
964
919
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
965
920
|
}
|
|
966
|
-
section.awsui_split-panel-
|
|
921
|
+
section.awsui_split-panel-bottom_hyvsj_1dh3h_836.awsui_is-split-panel-open_hyvsj_1dh3h_624.awsui_position-bottom_hyvsj_1dh3h_883:not(#\9) {
|
|
967
922
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
968
923
|
}
|
|
969
|
-
section.awsui_split-panel-
|
|
970
|
-
animation:
|
|
924
|
+
section.awsui_split-panel-bottom_hyvsj_1dh3h_836.awsui_is-split-panel-open_hyvsj_1dh3h_624.awsui_position-bottom_hyvsj_1dh3h_883.awsui_animating_hyvsj_1dh3h_732:not(#\9) {
|
|
925
|
+
animation: awsui_openSplitPanelBottom_hyvsj_1dh3h_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
971
926
|
}
|
|
972
927
|
@media (prefers-reduced-motion: reduce) {
|
|
973
|
-
section.awsui_split-panel-
|
|
928
|
+
section.awsui_split-panel-bottom_hyvsj_1dh3h_836.awsui_is-split-panel-open_hyvsj_1dh3h_624.awsui_position-bottom_hyvsj_1dh3h_883.awsui_animating_hyvsj_1dh3h_732:not(#\9) {
|
|
974
929
|
animation: none;
|
|
975
930
|
transition: none;
|
|
976
931
|
}
|
|
977
932
|
}
|
|
978
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
933
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1dh3h_836.awsui_is-split-panel-open_hyvsj_1dh3h_624.awsui_position-bottom_hyvsj_1dh3h_883.awsui_animating_hyvsj_1dh3h_732:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1dh3h_836.awsui_is-split-panel-open_hyvsj_1dh3h_624.awsui_position-bottom_hyvsj_1dh3h_883.awsui_animating_hyvsj_1dh3h_732:not(#\9) {
|
|
979
934
|
animation: none;
|
|
980
935
|
transition: none;
|
|
981
936
|
}
|
|
982
937
|
|
|
983
|
-
section.awsui_split-panel-
|
|
938
|
+
section.awsui_split-panel-side_hyvsj_1dh3h_912:not(#\9) {
|
|
984
939
|
height: 100%;
|
|
985
940
|
overflow-x: hidden;
|
|
986
941
|
pointer-events: auto;
|
|
@@ -990,10 +945,10 @@ section.awsui_split-panel-side_hyvsj_p48sj_957:not(#\9) {
|
|
|
990
945
|
be persistent in the DOM when closed.
|
|
991
946
|
*/
|
|
992
947
|
}
|
|
993
|
-
section.awsui_split-panel-
|
|
948
|
+
section.awsui_split-panel-side_hyvsj_1dh3h_912:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1dh3h_624), section.awsui_split-panel-side_hyvsj_1dh3h_912.awsui_position-bottom_hyvsj_1dh3h_883:not(#\9) {
|
|
994
949
|
width: 0;
|
|
995
950
|
}
|
|
996
|
-
section.awsui_split-panel-
|
|
951
|
+
section.awsui_split-panel-side_hyvsj_1dh3h_912.awsui_is-split-panel-open_hyvsj_1dh3h_624.awsui_position-side_hyvsj_1dh3h_925:not(#\9) {
|
|
997
952
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
998
953
|
max-width: var(--awsui-split-panel-max-width-y98gph, 280px);
|
|
999
954
|
min-width: var(--awsui-split-panel-min-width-y98gph, 280px);
|
|
@@ -1012,7 +967,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
1012
967
|
property. The content gap right is computed in the Layout styles based on the
|
|
1013
968
|
viewport size and state of the Tools drawer.
|
|
1014
969
|
*/
|
|
1015
|
-
.awsui_tools-
|
|
970
|
+
.awsui_tools-container_hyvsj_1dh3h_944:not(#\9) {
|
|
1016
971
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
1017
972
|
--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));
|
|
1018
973
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -1028,12 +983,12 @@ viewport size and state of the Tools drawer.
|
|
|
1028
983
|
pointer-events: none;
|
|
1029
984
|
}
|
|
1030
985
|
@media (min-width: 2541px) {
|
|
1031
|
-
.awsui_tools-
|
|
986
|
+
.awsui_tools-container_hyvsj_1dh3h_944:not(#\9) {
|
|
1032
987
|
--awsui-tools-width-y98gph: 360px;
|
|
1033
988
|
}
|
|
1034
989
|
}
|
|
1035
990
|
@media (max-width: 688px) {
|
|
1036
|
-
.awsui_tools-
|
|
991
|
+
.awsui_tools-container_hyvsj_1dh3h_944:not(#\9) {
|
|
1037
992
|
--awsui-tools-max-width-y98gph: none;
|
|
1038
993
|
--awsui-tools-width-y98gph: auto;
|
|
1039
994
|
position: fixed;
|
|
@@ -1047,12 +1002,12 @@ viewport size and state of the Tools drawer.
|
|
|
1047
1002
|
relative to the body.
|
|
1048
1003
|
*/
|
|
1049
1004
|
}
|
|
1050
|
-
.awsui_tools-
|
|
1005
|
+
.awsui_tools-container_hyvsj_1dh3h_944.awsui_disable-body-scroll_hyvsj_1dh3h_180:not(#\9) {
|
|
1051
1006
|
top: var(--awsui-header-height-y98gph);
|
|
1052
1007
|
}
|
|
1053
1008
|
}
|
|
1054
1009
|
|
|
1055
|
-
.
|
|
1010
|
+
.awsui_tools_hyvsj_1dh3h_944:not(#\9) {
|
|
1056
1011
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1057
1012
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1058
1013
|
flex-shrink: 0;
|
|
@@ -1076,7 +1031,7 @@ viewport size and state of the Tools drawer.
|
|
|
1076
1031
|
in the side position.
|
|
1077
1032
|
*/
|
|
1078
1033
|
}
|
|
1079
|
-
@keyframes
|
|
1034
|
+
@keyframes awsui_openTools_hyvsj_1dh3h_1 {
|
|
1080
1035
|
from {
|
|
1081
1036
|
opacity: var(--awsui-tools-animation-starting-opacity-y98gph, 0);
|
|
1082
1037
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
@@ -1086,38 +1041,38 @@ viewport size and state of the Tools drawer.
|
|
|
1086
1041
|
width: var(--awsui-tools-width-y98gph);
|
|
1087
1042
|
}
|
|
1088
1043
|
}
|
|
1089
|
-
.
|
|
1044
|
+
.awsui_tools_hyvsj_1dh3h_944:not(#\9):not(.awsui_is-tools-open_hyvsj_1dh3h_624) {
|
|
1090
1045
|
width: 0;
|
|
1091
1046
|
display: none;
|
|
1092
1047
|
}
|
|
1093
|
-
.
|
|
1094
|
-
animation:
|
|
1048
|
+
.awsui_tools_hyvsj_1dh3h_944.awsui_is-tools-open_hyvsj_1dh3h_624.awsui_animating_hyvsj_1dh3h_732:not(#\9) {
|
|
1049
|
+
animation: awsui_openTools_hyvsj_1dh3h_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1095
1050
|
}
|
|
1096
1051
|
@media (prefers-reduced-motion: reduce) {
|
|
1097
|
-
.
|
|
1052
|
+
.awsui_tools_hyvsj_1dh3h_944.awsui_is-tools-open_hyvsj_1dh3h_624.awsui_animating_hyvsj_1dh3h_732:not(#\9) {
|
|
1098
1053
|
animation: none;
|
|
1099
1054
|
transition: none;
|
|
1100
1055
|
}
|
|
1101
1056
|
}
|
|
1102
|
-
.awsui-motion-disabled .
|
|
1057
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_1dh3h_944.awsui_is-tools-open_hyvsj_1dh3h_624.awsui_animating_hyvsj_1dh3h_732:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1dh3h_944.awsui_is-tools-open_hyvsj_1dh3h_624.awsui_animating_hyvsj_1dh3h_732:not(#\9) {
|
|
1103
1058
|
animation: none;
|
|
1104
1059
|
transition: none;
|
|
1105
1060
|
}
|
|
1106
|
-
.
|
|
1061
|
+
.awsui_tools_hyvsj_1dh3h_944 > .awsui_animated-content_hyvsj_1dh3h_794:not(#\9) {
|
|
1107
1062
|
width: var(--awsui-tools-width-y98gph);
|
|
1108
1063
|
}
|
|
1109
1064
|
@media (min-width: 689px) {
|
|
1110
|
-
.
|
|
1065
|
+
.awsui_tools_hyvsj_1dh3h_944.awsui_is-tools-open_hyvsj_1dh3h_624.awsui_has-tools-form-persistence_hyvsj_1dh3h_1039:not(#\9) {
|
|
1111
1066
|
border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
1112
1067
|
}
|
|
1113
1068
|
}
|
|
1114
1069
|
@media (max-width: 688px) {
|
|
1115
|
-
.
|
|
1070
|
+
.awsui_tools_hyvsj_1dh3h_944:not(#\9) {
|
|
1116
1071
|
--awsui-tools-width-y98gph: 100vw;
|
|
1117
1072
|
}
|
|
1118
1073
|
}
|
|
1119
1074
|
|
|
1120
|
-
.awsui_hide-
|
|
1075
|
+
.awsui_hide-tools_hyvsj_1dh3h_1049:not(#\9) {
|
|
1121
1076
|
position: absolute;
|
|
1122
1077
|
right: var(--space-m-udix3p, 16px);
|
|
1123
1078
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1129,7 +1084,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1129
1084
|
the calculation used to determine the Split Panel maximum width in the
|
|
1130
1085
|
handleSplitPanelMaxWidth function in the context.
|
|
1131
1086
|
*/
|
|
1132
|
-
.awsui_show-
|
|
1087
|
+
.awsui_show-tools_hyvsj_1dh3h_1061:not(#\9) {
|
|
1133
1088
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1134
1089
|
border-collapse: separate;
|
|
1135
1090
|
border-spacing: 0;
|
|
@@ -1173,7 +1128,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1173
1128
|
take control in responsive viewports.
|
|
1174
1129
|
*/
|
|
1175
1130
|
}
|
|
1176
|
-
@keyframes
|
|
1131
|
+
@keyframes awsui_showButtons_hyvsj_1dh3h_1 {
|
|
1177
1132
|
0% {
|
|
1178
1133
|
opacity: 0;
|
|
1179
1134
|
}
|
|
@@ -1181,31 +1136,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1181
1136
|
opacity: 1;
|
|
1182
1137
|
}
|
|
1183
1138
|
}
|
|
1184
|
-
.awsui_show-
|
|
1139
|
+
.awsui_show-tools_hyvsj_1dh3h_1061:not(#\9):not(.awsui_has-tools-form_hyvsj_1dh3h_1039) {
|
|
1185
1140
|
display: none;
|
|
1186
1141
|
}
|
|
1187
1142
|
@media (min-width: 689px) {
|
|
1188
|
-
.awsui_show-
|
|
1143
|
+
.awsui_show-tools_hyvsj_1dh3h_1061.awsui_has-tools-form_hyvsj_1dh3h_1039:not(#\9) {
|
|
1189
1144
|
display: flex;
|
|
1190
1145
|
flex-direction: column;
|
|
1191
1146
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1192
1147
|
}
|
|
1193
|
-
.awsui_show-
|
|
1194
|
-
animation:
|
|
1148
|
+
.awsui_show-tools_hyvsj_1dh3h_1061.awsui_has-tools-form_hyvsj_1dh3h_1039.awsui_animating_hyvsj_1dh3h_732:not(#\9) {
|
|
1149
|
+
animation: awsui_showButtons_hyvsj_1dh3h_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1195
1150
|
}
|
|
1196
1151
|
}
|
|
1197
1152
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1198
|
-
.awsui_show-
|
|
1153
|
+
.awsui_show-tools_hyvsj_1dh3h_1061.awsui_has-tools-form_hyvsj_1dh3h_1039.awsui_animating_hyvsj_1dh3h_732:not(#\9) {
|
|
1199
1154
|
animation: none;
|
|
1200
1155
|
transition: none;
|
|
1201
1156
|
}
|
|
1202
1157
|
}
|
|
1203
1158
|
@media (min-width: 689px) {
|
|
1204
|
-
.awsui-motion-disabled .awsui_show-
|
|
1159
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_1dh3h_1061.awsui_has-tools-form_hyvsj_1dh3h_1039.awsui_animating_hyvsj_1dh3h_732:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1dh3h_1061.awsui_has-tools-form_hyvsj_1dh3h_1039.awsui_animating_hyvsj_1dh3h_732:not(#\9) {
|
|
1205
1160
|
animation: none;
|
|
1206
1161
|
transition: none;
|
|
1207
1162
|
}
|
|
1208
|
-
.awsui_show-
|
|
1163
|
+
.awsui_show-tools_hyvsj_1dh3h_1061.awsui_has-tools-form-persistence_hyvsj_1dh3h_1039:not(#\9) {
|
|
1209
1164
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1210
1165
|
z-index: 1;
|
|
1211
1166
|
}
|
|
@@ -1215,7 +1170,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1215
1170
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1216
1171
|
SPDX-License-Identifier: Apache-2.0
|
|
1217
1172
|
*/
|
|
1218
|
-
.awsui_trigger-badge-
|
|
1173
|
+
.awsui_trigger-badge-wrapper_hyvsj_1dh3h_1121:not(#\9) {
|
|
1219
1174
|
background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
|
|
1220
1175
|
border-radius: 50%;
|
|
1221
1176
|
height: var(--space-layout-toggle-diameter-x54u6y, 40px);
|
|
@@ -1228,10 +1183,10 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1228
1183
|
align-items: center;
|
|
1229
1184
|
clip-path: path("M38.0215 11.3161C37.1068 11.7545 36.0821 12 35 12C31.134 12 28 8.86599 28 5C28 3.91794 28.2455 2.89322 28.6839 1.97851C26.0575 0.710652 23.1118 0 20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40C31.0457 40 40 31.0457 40 20C40 16.8882 39.2893 13.9425 38.0215 11.3161Z");
|
|
1230
1185
|
}
|
|
1231
|
-
.awsui_trigger-badge-
|
|
1186
|
+
.awsui_trigger-badge-wrapper_hyvsj_1dh3h_1121:not(#\9):hover {
|
|
1232
1187
|
background: var(--color-background-layout-toggle-hover-ho9150, #354150);
|
|
1233
1188
|
}
|
|
1234
|
-
.awsui_trigger-badge-
|
|
1189
|
+
.awsui_trigger-badge-wrapper_hyvsj_1dh3h_1121:not(#\9):active {
|
|
1235
1190
|
background: var(--color-background-layout-toggle-active-robi8g, #354150);
|
|
1236
1191
|
}
|
|
1237
1192
|
|
|
@@ -1240,7 +1195,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1240
1195
|
the calculation used to determine the Split Panel maximum width in the
|
|
1241
1196
|
handleSplitPanelMaxWidth function in the context.
|
|
1242
1197
|
*/
|
|
1243
|
-
.
|
|
1198
|
+
.awsui_trigger_hyvsj_1dh3h_1121:not(#\9) {
|
|
1244
1199
|
background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
|
|
1245
1200
|
border-radius: 50%;
|
|
1246
1201
|
height: var(--space-layout-toggle-diameter-x54u6y, 40px);
|
|
@@ -1252,20 +1207,20 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1252
1207
|
pointer-events: auto;
|
|
1253
1208
|
position: relative;
|
|
1254
1209
|
}
|
|
1255
|
-
.
|
|
1210
|
+
.awsui_trigger_hyvsj_1dh3h_1121:not(#\9):hover {
|
|
1256
1211
|
background: var(--color-background-layout-toggle-hover-ho9150, #354150);
|
|
1257
1212
|
}
|
|
1258
|
-
.
|
|
1213
|
+
.awsui_trigger_hyvsj_1dh3h_1121:not(#\9):active {
|
|
1259
1214
|
background: var(--color-background-layout-toggle-active-robi8g, #354150);
|
|
1260
1215
|
}
|
|
1261
|
-
body[data-awsui-focus-visible=true] .
|
|
1216
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1dh3h_1121:not(#\9):focus {
|
|
1262
1217
|
position: relative;
|
|
1263
1218
|
}
|
|
1264
|
-
body[data-awsui-focus-visible=true] .
|
|
1219
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1dh3h_1121:not(#\9):focus {
|
|
1265
1220
|
outline: 2px dotted transparent;
|
|
1266
1221
|
outline-offset: calc(3px - 1px);
|
|
1267
1222
|
}
|
|
1268
|
-
body[data-awsui-focus-visible=true] .
|
|
1223
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1dh3h_1121:not(#\9):focus::before {
|
|
1269
1224
|
content: " ";
|
|
1270
1225
|
display: block;
|
|
1271
1226
|
position: absolute;
|
|
@@ -1276,40 +1231,40 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_p48sj_1166:not(#\9):foc
|
|
|
1276
1231
|
border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1277
1232
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1278
1233
|
}
|
|
1279
|
-
.
|
|
1234
|
+
.awsui_trigger_hyvsj_1dh3h_1121:not(#\9):focus {
|
|
1280
1235
|
outline: none;
|
|
1281
1236
|
}
|
|
1282
|
-
.
|
|
1237
|
+
.awsui_trigger_hyvsj_1dh3h_1121.awsui_selected_hyvsj_1dh3h_1185:not(#\9) {
|
|
1283
1238
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1284
1239
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1285
1240
|
}
|
|
1286
|
-
.
|
|
1241
|
+
.awsui_trigger_hyvsj_1dh3h_1121.awsui_selected_hyvsj_1dh3h_1185:not(#\9):hover {
|
|
1287
1242
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1288
1243
|
}
|
|
1289
|
-
.
|
|
1244
|
+
.awsui_trigger_hyvsj_1dh3h_1121.awsui_selected_hyvsj_1dh3h_1185:not(#\9):active {
|
|
1290
1245
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1291
1246
|
}
|
|
1292
|
-
.
|
|
1247
|
+
.awsui_trigger_hyvsj_1dh3h_1121.awsui_selected_hyvsj_1dh3h_1185 > .awsui_trigger-badge-wrapper_hyvsj_1dh3h_1121:not(#\9) {
|
|
1293
1248
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1294
1249
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1295
1250
|
}
|
|
1296
|
-
.
|
|
1251
|
+
.awsui_trigger_hyvsj_1dh3h_1121.awsui_selected_hyvsj_1dh3h_1185 > .awsui_trigger-badge-wrapper_hyvsj_1dh3h_1121:not(#\9):hover {
|
|
1297
1252
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1298
1253
|
}
|
|
1299
|
-
.
|
|
1254
|
+
.awsui_trigger_hyvsj_1dh3h_1121.awsui_selected_hyvsj_1dh3h_1185 > .awsui_trigger-badge-wrapper_hyvsj_1dh3h_1121:not(#\9):active {
|
|
1300
1255
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1301
1256
|
}
|
|
1302
|
-
.
|
|
1257
|
+
.awsui_trigger_hyvsj_1dh3h_1121.awsui_badge_hyvsj_1dh3h_1205:not(#\9), .awsui_trigger_hyvsj_1dh3h_1121.awsui_badge_hyvsj_1dh3h_1205:not(#\9):hover, .awsui_trigger_hyvsj_1dh3h_1121.awsui_badge_hyvsj_1dh3h_1205:not(#\9):active {
|
|
1303
1258
|
background: transparent;
|
|
1304
1259
|
}
|
|
1305
1260
|
|
|
1306
|
-
.awsui_trigger-
|
|
1261
|
+
.awsui_trigger-wrapper_hyvsj_1dh3h_1209:not(#\9) {
|
|
1307
1262
|
position: relative;
|
|
1308
1263
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1309
1264
|
border-radius: 50%;
|
|
1310
1265
|
}
|
|
1311
1266
|
|
|
1312
|
-
.
|
|
1267
|
+
.awsui_dot_hyvsj_1dh3h_1215:not(#\9) {
|
|
1313
1268
|
position: absolute;
|
|
1314
1269
|
width: 10px;
|
|
1315
1270
|
height: 10px;
|