@cloudscape-design/components 3.0.258 → 3.0.259
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 +2 -1
- package/app-layout/visual-refresh/drawers.js.map +1 -1
- package/app-layout/visual-refresh/navigation.d.ts.map +1 -1
- package/app-layout/visual-refresh/navigation.js +3 -2
- package/app-layout/visual-refresh/navigation.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +71 -71
- package/app-layout/visual-refresh/styles.scoped.css +212 -185
- package/app-layout/visual-refresh/styles.selectors.js +71 -71
- package/app-layout/visual-refresh/tools.d.ts.map +1 -1
- package/app-layout/visual-refresh/tools.js +3 -2
- package/app-layout/visual-refresh/tools.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
|
@@ -90,7 +90,7 @@ 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
|
-
section.
|
|
93
|
+
section.awsui_appbar_hyvsj_iwse1_93:not(#\9) {
|
|
94
94
|
align-items: center;
|
|
95
95
|
box-sizing: border-box;
|
|
96
96
|
display: grid;
|
|
@@ -114,21 +114,21 @@ section.awsui_appbar_hyvsj_1xn3c_93:not(#\9) {
|
|
|
114
114
|
span the entire column definition of the Layout grid.
|
|
115
115
|
*/
|
|
116
116
|
}
|
|
117
|
-
section.
|
|
117
|
+
section.awsui_appbar_hyvsj_iwse1_93 > .awsui_appbar-nav_hyvsj_iwse1_117:not(#\9) {
|
|
118
118
|
grid-column: 1;
|
|
119
119
|
margin-right: var(--space-m-17eucw, 16px);
|
|
120
120
|
}
|
|
121
|
-
section.
|
|
121
|
+
section.awsui_appbar_hyvsj_iwse1_93 > .awsui_breadcrumbs_hyvsj_iwse1_121:not(#\9) {
|
|
122
122
|
grid-column: 2;
|
|
123
123
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
124
124
|
}
|
|
125
|
-
section.
|
|
126
|
-
section.
|
|
125
|
+
section.awsui_appbar_hyvsj_iwse1_93 > .awsui_appbar-tools_hyvsj_iwse1_125:not(#\9),
|
|
126
|
+
section.awsui_appbar_hyvsj_iwse1_93 > .awsui_drawers-mobile-triggers-container_hyvsj_iwse1_126:not(#\9) {
|
|
127
127
|
grid-column: 3;
|
|
128
128
|
margin-left: var(--space-m-17eucw, 16px);
|
|
129
129
|
}
|
|
130
130
|
@media (min-width: 689px) {
|
|
131
|
-
section.
|
|
131
|
+
section.awsui_appbar_hyvsj_iwse1_93:not(#\9) {
|
|
132
132
|
/*
|
|
133
133
|
If Breadcrumbs do not exist then the AppBar should be suppressed
|
|
134
134
|
because in large viewports the triggers are rendered
|
|
@@ -164,34 +164,34 @@ section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_drawers-mobile-triggers-container_h
|
|
|
164
164
|
be lifted so it doesn't render behind the background element.
|
|
165
165
|
*/
|
|
166
166
|
}
|
|
167
|
-
section.
|
|
167
|
+
section.awsui_appbar_hyvsj_iwse1_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_iwse1_167) {
|
|
168
168
|
display: none;
|
|
169
169
|
}
|
|
170
|
-
section.
|
|
171
|
-
section.
|
|
172
|
-
section.
|
|
170
|
+
section.awsui_appbar_hyvsj_iwse1_93 > .awsui_appbar-nav_hyvsj_iwse1_117:not(#\9),
|
|
171
|
+
section.awsui_appbar_hyvsj_iwse1_93 > .awsui_appbar-tools_hyvsj_iwse1_125:not(#\9),
|
|
172
|
+
section.awsui_appbar_hyvsj_iwse1_93 > .awsui_drawers-mobile-triggers-container_hyvsj_iwse1_126:not(#\9) {
|
|
173
173
|
display: none;
|
|
174
174
|
}
|
|
175
|
-
section.
|
|
175
|
+
section.awsui_appbar_hyvsj_iwse1_93 > .awsui_breadcrumbs_hyvsj_iwse1_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_iwse1_175) {
|
|
176
176
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
177
177
|
}
|
|
178
|
-
section.
|
|
178
|
+
section.awsui_appbar_hyvsj_iwse1_93 > .awsui_breadcrumbs_hyvsj_iwse1_121.awsui_has-notifications-content_hyvsj_iwse1_175:not(#\9) {
|
|
179
179
|
padding-top: var(--space-scaled-2x-s-9svxjy, 12px);
|
|
180
180
|
}
|
|
181
|
-
section.
|
|
182
|
-
section.
|
|
181
|
+
section.awsui_appbar_hyvsj_iwse1_93 > .awsui_breadcrumbs_hyvsj_iwse1_121:not(#\9):not(.awsui_has-header_hyvsj_iwse1_181):not(.awsui_has-dynamic-overlap-height_hyvsj_iwse1_181),
|
|
182
|
+
section.awsui_appbar_hyvsj_iwse1_93 > .awsui_breadcrumbs_hyvsj_iwse1_121:not(#\9):not(.awsui_has-header_hyvsj_iwse1_181).awsui_content-type-wizard_hyvsj_iwse1_182 {
|
|
183
183
|
padding-bottom: var(--space-m-17eucw, 16px);
|
|
184
184
|
}
|
|
185
|
-
section.
|
|
186
|
-
section.
|
|
185
|
+
section.awsui_appbar_hyvsj_iwse1_93 > .awsui_breadcrumbs_hyvsj_iwse1_121.awsui_content-type-cards_hyvsj_iwse1_185:not(#\9),
|
|
186
|
+
section.awsui_appbar_hyvsj_iwse1_93 > .awsui_breadcrumbs_hyvsj_iwse1_121.awsui_content-type-table_hyvsj_iwse1_186:not(#\9) {
|
|
187
187
|
padding-bottom: var(--space-xxs-ynfts5, 4px);
|
|
188
188
|
}
|
|
189
|
-
section.
|
|
189
|
+
section.awsui_appbar_hyvsj_iwse1_93 > .awsui_breadcrumbs_hyvsj_iwse1_121.awsui_has-sticky-background_hyvsj_iwse1_189:not(#\9) {
|
|
190
190
|
z-index: 799;
|
|
191
191
|
}
|
|
192
192
|
}
|
|
193
193
|
@media (max-width: 688px) {
|
|
194
|
-
section.
|
|
194
|
+
section.awsui_appbar_hyvsj_iwse1_93:not(#\9) {
|
|
195
195
|
background-color: var(--color-background-home-header-mpq08f, #000716);
|
|
196
196
|
border-bottom: 1px solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
197
197
|
box-shadow: var(--shadow-panel-toggle-3fk0ch, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
@@ -207,12 +207,12 @@ section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_drawers-mobile-triggers-container_h
|
|
|
207
207
|
they are now sticky positioned in the viewport with the AppBar.
|
|
208
208
|
*/
|
|
209
209
|
}
|
|
210
|
-
section.
|
|
211
|
-
section.
|
|
212
|
-
section.
|
|
210
|
+
section.awsui_appbar_hyvsj_iwse1_93 > .awsui_appbar-nav_hyvsj_iwse1_117:not(#\9),
|
|
211
|
+
section.awsui_appbar_hyvsj_iwse1_93 > .awsui_appbar-tools_hyvsj_iwse1_125:not(#\9),
|
|
212
|
+
section.awsui_appbar_hyvsj_iwse1_93 > .awsui_drawers-mobile-triggers-container_hyvsj_iwse1_126:not(#\9) {
|
|
213
213
|
display: block;
|
|
214
214
|
}
|
|
215
|
-
section.
|
|
215
|
+
section.awsui_appbar_hyvsj_iwse1_93 > .awsui_breadcrumbs_hyvsj_iwse1_121:not(#\9) {
|
|
216
216
|
padding: 0;
|
|
217
217
|
}
|
|
218
218
|
}
|
|
@@ -221,10 +221,10 @@ section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_drawers-mobile-triggers-container_h
|
|
|
221
221
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
222
222
|
SPDX-License-Identifier: Apache-2.0
|
|
223
223
|
*/
|
|
224
|
-
div.
|
|
224
|
+
div.awsui_background_hyvsj_iwse1_224:not(#\9) {
|
|
225
225
|
display: contents;
|
|
226
226
|
}
|
|
227
|
-
div.
|
|
227
|
+
div.awsui_background_hyvsj_iwse1_224 > .awsui_notifications-appbar-header_hyvsj_iwse1_227:not(#\9) {
|
|
228
228
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
229
229
|
grid-column: 1/span 5;
|
|
230
230
|
grid-row: 1/span 3;
|
|
@@ -237,13 +237,13 @@ div.awsui_background_hyvsj_1xn3c_224 > .awsui_notifications-appbar-header_hyvsj_
|
|
|
237
237
|
*/
|
|
238
238
|
}
|
|
239
239
|
@media (min-width: 689px) {
|
|
240
|
-
div.
|
|
240
|
+
div.awsui_background_hyvsj_iwse1_224 > .awsui_notifications-appbar-header_hyvsj_iwse1_227.awsui_has-sticky-background_hyvsj_iwse1_189.awsui_has-notifications-content_hyvsj_iwse1_175.awsui_sticky-notifications_hyvsj_iwse1_240:not(#\9) {
|
|
241
241
|
position: sticky;
|
|
242
242
|
top: var(--awsui-offset-top-3j0evk);
|
|
243
243
|
z-index: 799;
|
|
244
244
|
}
|
|
245
245
|
}
|
|
246
|
-
div.
|
|
246
|
+
div.awsui_background_hyvsj_iwse1_224 > .awsui_overlap_hyvsj_iwse1_246:not(#\9) {
|
|
247
247
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
248
248
|
grid-column: 1/span 5;
|
|
249
249
|
grid-row: 4;
|
|
@@ -256,7 +256,7 @@ div.awsui_background_hyvsj_1xn3c_224 > .awsui_overlap_hyvsj_1xn3c_246:not(#\9) {
|
|
|
256
256
|
*/
|
|
257
257
|
}
|
|
258
258
|
@media (min-width: 689px) {
|
|
259
|
-
div.
|
|
259
|
+
div.awsui_background_hyvsj_iwse1_224 > .awsui_overlap_hyvsj_iwse1_246.awsui_has-sticky-background_hyvsj_iwse1_189:not(#\9) {
|
|
260
260
|
position: sticky;
|
|
261
261
|
top: var(--awsui-offset-top-with-notifications-3j0evk);
|
|
262
262
|
z-index: 799;
|
|
@@ -267,7 +267,7 @@ div.awsui_background_hyvsj_1xn3c_224 > .awsui_overlap_hyvsj_1xn3c_246:not(#\9) {
|
|
|
267
267
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
268
268
|
SPDX-License-Identifier: Apache-2.0
|
|
269
269
|
*/
|
|
270
|
-
.awsui_drawers-
|
|
270
|
+
.awsui_drawers-container_hyvsj_iwse1_270:not(#\9) {
|
|
271
271
|
background-color: transparent;
|
|
272
272
|
display: flex;
|
|
273
273
|
grid-column: 5;
|
|
@@ -279,37 +279,46 @@ div.awsui_background_hyvsj_1xn3c_224 > .awsui_overlap_hyvsj_1xn3c_246:not(#\9) {
|
|
|
279
279
|
z-index: 830;
|
|
280
280
|
transition: background-color var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
281
281
|
}
|
|
282
|
-
.awsui_drawers-
|
|
282
|
+
.awsui_drawers-container_hyvsj_iwse1_270.awsui_has-open-drawer_hyvsj_iwse1_282:not(#\9) {
|
|
283
283
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
284
284
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
285
285
|
}
|
|
286
286
|
@media (prefers-reduced-motion: reduce) {
|
|
287
|
-
.awsui_drawers-
|
|
287
|
+
.awsui_drawers-container_hyvsj_iwse1_270:not(#\9) {
|
|
288
288
|
animation: none;
|
|
289
289
|
transition: none;
|
|
290
290
|
}
|
|
291
291
|
}
|
|
292
|
-
.awsui-motion-disabled .awsui_drawers-
|
|
292
|
+
.awsui-motion-disabled .awsui_drawers-container_hyvsj_iwse1_270:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_iwse1_270:not(#\9) {
|
|
293
293
|
animation: none;
|
|
294
294
|
transition: none;
|
|
295
295
|
}
|
|
296
296
|
@media (min-width: 689px) {
|
|
297
|
-
.awsui_drawers-
|
|
297
|
+
.awsui_drawers-container_hyvsj_iwse1_270:not(#\9) {
|
|
298
298
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
299
299
|
max-width: calc(var(--awsui-layout-width-3j0evk) - var(--awsui-main-offset-left-3j0evk) - var(--awsui-default-min-content-width-3j0evk) - var(--awsui-content-gap-right-3j0evk));
|
|
300
300
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
301
301
|
}
|
|
302
302
|
}
|
|
303
303
|
@media (max-width: 688px) {
|
|
304
|
-
.awsui_drawers-
|
|
304
|
+
.awsui_drawers-container_hyvsj_iwse1_270:not(#\9) {
|
|
305
305
|
position: fixed;
|
|
306
306
|
right: 0;
|
|
307
|
-
top: var(--awsui-offset-top-3j0evk);
|
|
308
307
|
z-index: 1001;
|
|
308
|
+
/*
|
|
309
|
+
When disableBodyScroll is true the offsetTop will be relative to the
|
|
310
|
+
app layout and not the body. However, the drawer position changes
|
|
311
|
+
to fixed in mobile viewports. The top value needs to include the
|
|
312
|
+
header because fixed position switches the top value so it is now
|
|
313
|
+
relative to the body.
|
|
314
|
+
*/
|
|
315
|
+
}
|
|
316
|
+
.awsui_drawers-container_hyvsj_iwse1_270.awsui_disable-body-scroll_hyvsj_iwse1_316:not(#\9) {
|
|
317
|
+
top: var(--awsui-header-height-3j0evk);
|
|
309
318
|
}
|
|
310
319
|
}
|
|
311
320
|
|
|
312
|
-
.awsui_drawers-desktop-triggers-
|
|
321
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_iwse1_321:not(#\9) {
|
|
313
322
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
314
323
|
border-collapse: separate;
|
|
315
324
|
border-spacing: 0;
|
|
@@ -353,39 +362,39 @@ div.awsui_background_hyvsj_1xn3c_224 > .awsui_overlap_hyvsj_1xn3c_246:not(#\9) {
|
|
|
353
362
|
overflow-x: hidden;
|
|
354
363
|
overscroll-behavior-y: contain;
|
|
355
364
|
}
|
|
356
|
-
.awsui_drawers-desktop-triggers-
|
|
365
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_iwse1_321:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_iwse1_339).awsui_has-open-drawer_hyvsj_iwse1_282 {
|
|
357
366
|
width: 0;
|
|
358
367
|
}
|
|
359
|
-
.awsui_drawers-desktop-triggers-
|
|
368
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_iwse1_321.awsui_has-multiple-triggers_hyvsj_iwse1_339.awsui_has-open-drawer_hyvsj_iwse1_282:not(#\9) {
|
|
360
369
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
361
370
|
transition: background-color var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
362
371
|
}
|
|
363
372
|
@media (prefers-reduced-motion: reduce) {
|
|
364
|
-
.awsui_drawers-desktop-triggers-
|
|
373
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_iwse1_321.awsui_has-multiple-triggers_hyvsj_iwse1_339.awsui_has-open-drawer_hyvsj_iwse1_282:not(#\9) {
|
|
365
374
|
animation: none;
|
|
366
375
|
transition: none;
|
|
367
376
|
}
|
|
368
377
|
}
|
|
369
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
378
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_iwse1_321.awsui_has-multiple-triggers_hyvsj_iwse1_339.awsui_has-open-drawer_hyvsj_iwse1_282:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_iwse1_321.awsui_has-multiple-triggers_hyvsj_iwse1_339.awsui_has-open-drawer_hyvsj_iwse1_282:not(#\9) {
|
|
370
379
|
animation: none;
|
|
371
380
|
transition: none;
|
|
372
381
|
}
|
|
373
|
-
.awsui_drawers-desktop-triggers-
|
|
382
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_iwse1_321:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_iwse1_339):not(.awsui_has-open-drawer_hyvsj_iwse1_282) {
|
|
374
383
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
375
384
|
transition: width var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
376
385
|
}
|
|
377
386
|
@media (prefers-reduced-motion: reduce) {
|
|
378
|
-
.awsui_drawers-desktop-triggers-
|
|
387
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_iwse1_321:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_iwse1_339):not(.awsui_has-open-drawer_hyvsj_iwse1_282) {
|
|
379
388
|
animation: none;
|
|
380
389
|
transition: none;
|
|
381
390
|
}
|
|
382
391
|
}
|
|
383
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
392
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_iwse1_321:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_iwse1_339):not(.awsui_has-open-drawer_hyvsj_iwse1_282), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_iwse1_321:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_iwse1_339):not(.awsui_has-open-drawer_hyvsj_iwse1_282) {
|
|
384
393
|
animation: none;
|
|
385
394
|
transition: none;
|
|
386
395
|
}
|
|
387
396
|
|
|
388
|
-
.awsui_drawers-trigger-
|
|
397
|
+
.awsui_drawers-trigger-content_hyvsj_iwse1_371:not(#\9) {
|
|
389
398
|
align-items: center;
|
|
390
399
|
display: flex;
|
|
391
400
|
flex-direction: column;
|
|
@@ -393,26 +402,26 @@ div.awsui_background_hyvsj_1xn3c_224 > .awsui_overlap_hyvsj_1xn3c_246:not(#\9) {
|
|
|
393
402
|
padding-top: var(--space-scaled-s-cu1hzn, 12px);
|
|
394
403
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
395
404
|
}
|
|
396
|
-
.awsui_drawers-trigger-
|
|
405
|
+
.awsui_drawers-trigger-content_hyvsj_iwse1_371:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_iwse1_339).awsui_has-open-drawer_hyvsj_iwse1_282 {
|
|
397
406
|
opacity: 0;
|
|
398
407
|
}
|
|
399
|
-
.awsui_drawers-trigger-
|
|
408
|
+
.awsui_drawers-trigger-content_hyvsj_iwse1_371:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_iwse1_339):not(.awsui_has-open-drawer_hyvsj_iwse1_282) {
|
|
400
409
|
opacity: 1;
|
|
401
410
|
transition: opacity var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
402
411
|
transition-delay: calc(var(--motion-duration-refresh-only-fast-addxjd, 115ms) / 1.5);
|
|
403
412
|
}
|
|
404
413
|
@media (prefers-reduced-motion: reduce) {
|
|
405
|
-
.awsui_drawers-trigger-
|
|
414
|
+
.awsui_drawers-trigger-content_hyvsj_iwse1_371:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_iwse1_339):not(.awsui_has-open-drawer_hyvsj_iwse1_282) {
|
|
406
415
|
animation: none;
|
|
407
416
|
transition: none;
|
|
408
417
|
}
|
|
409
418
|
}
|
|
410
|
-
.awsui-motion-disabled .awsui_drawers-trigger-
|
|
419
|
+
.awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_iwse1_371:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_iwse1_339):not(.awsui_has-open-drawer_hyvsj_iwse1_282), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_iwse1_371:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_iwse1_339):not(.awsui_has-open-drawer_hyvsj_iwse1_282) {
|
|
411
420
|
animation: none;
|
|
412
421
|
transition: none;
|
|
413
422
|
}
|
|
414
423
|
|
|
415
|
-
.
|
|
424
|
+
.awsui_drawer_hyvsj_iwse1_126:not(#\9) {
|
|
416
425
|
--awsui-active-drawer-width-3j0evk: 290px;
|
|
417
426
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
418
427
|
border-color: transparent;
|
|
@@ -429,42 +438,42 @@ div.awsui_background_hyvsj_1xn3c_224 > .awsui_overlap_hyvsj_1xn3c_246:not(#\9) {
|
|
|
429
438
|
transition: var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
430
439
|
transition-property: border-color, opacity, width;
|
|
431
440
|
}
|
|
432
|
-
.
|
|
441
|
+
.awsui_drawer_hyvsj_iwse1_126 > .awsui_drawer-close-button_hyvsj_iwse1_415:not(#\9) {
|
|
433
442
|
grid-column: 2;
|
|
434
443
|
grid-row: 2;
|
|
435
444
|
z-index: 1;
|
|
436
445
|
}
|
|
437
|
-
.
|
|
446
|
+
.awsui_drawer_hyvsj_iwse1_126 > .awsui_drawer-content_hyvsj_iwse1_420:not(#\9) {
|
|
438
447
|
grid-column: 1/span 3;
|
|
439
448
|
grid-row: 1/span 3;
|
|
440
449
|
width: var(--awsui-active-drawer-width-3j0evk);
|
|
441
450
|
}
|
|
442
|
-
.
|
|
451
|
+
.awsui_drawer_hyvsj_iwse1_126:not(#\9):not(.awsui_is-drawer-open_hyvsj_iwse1_425) {
|
|
443
452
|
opacity: 0;
|
|
444
453
|
width: 0;
|
|
445
454
|
}
|
|
446
|
-
.
|
|
455
|
+
.awsui_drawer_hyvsj_iwse1_126.awsui_is-drawer-open_hyvsj_iwse1_425:not(#\9) {
|
|
447
456
|
border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
448
457
|
opacity: 1;
|
|
449
458
|
width: var(--awsui-active-drawer-width-3j0evk);
|
|
450
459
|
}
|
|
451
460
|
@media (prefers-reduced-motion: reduce) {
|
|
452
|
-
.
|
|
461
|
+
.awsui_drawer_hyvsj_iwse1_126:not(#\9) {
|
|
453
462
|
animation: none;
|
|
454
463
|
transition: none;
|
|
455
464
|
}
|
|
456
465
|
}
|
|
457
|
-
.awsui-motion-disabled .
|
|
466
|
+
.awsui-motion-disabled .awsui_drawer_hyvsj_iwse1_126:not(#\9), .awsui-mode-entering .awsui_drawer_hyvsj_iwse1_126:not(#\9) {
|
|
458
467
|
animation: none;
|
|
459
468
|
transition: none;
|
|
460
469
|
}
|
|
461
470
|
@media (min-width: 2541px) {
|
|
462
|
-
.
|
|
471
|
+
.awsui_drawer_hyvsj_iwse1_126.awsui_is-drawer-open_hyvsj_iwse1_425:not(#\9) {
|
|
463
472
|
--awsui-active-drawer-width-3j0evk: 320px;
|
|
464
473
|
}
|
|
465
474
|
}
|
|
466
475
|
@media (max-width: 688px) {
|
|
467
|
-
.
|
|
476
|
+
.awsui_drawer_hyvsj_iwse1_126.awsui_is-drawer-open_hyvsj_iwse1_425:not(#\9) {
|
|
468
477
|
--awsui-active-drawer-width-3j0evk: 100vw;
|
|
469
478
|
}
|
|
470
479
|
}
|
|
@@ -473,13 +482,13 @@ div.awsui_background_hyvsj_1xn3c_224 > .awsui_overlap_hyvsj_1xn3c_246:not(#\9) {
|
|
|
473
482
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
474
483
|
SPDX-License-Identifier: Apache-2.0
|
|
475
484
|
*/
|
|
476
|
-
header.
|
|
485
|
+
header.awsui_content_hyvsj_iwse1_182:not(#\9) {
|
|
477
486
|
grid-column: 3;
|
|
478
487
|
grid-row: 3;
|
|
479
488
|
padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
|
|
480
489
|
}
|
|
481
490
|
@media (min-width: 689px) {
|
|
482
|
-
header.
|
|
491
|
+
header.awsui_content_hyvsj_iwse1_182:not(#\9) {
|
|
483
492
|
/*
|
|
484
493
|
If Notifications exist and Breadcrumbs do not then Notifications
|
|
485
494
|
is the previous adjacent sibling to the Header. Add minimal top padding
|
|
@@ -497,25 +506,25 @@ header.awsui_content_hyvsj_1xn3c_182:not(#\9) {
|
|
|
497
506
|
circular buttons.
|
|
498
507
|
*/
|
|
499
508
|
}
|
|
500
|
-
header.
|
|
509
|
+
header.awsui_content_hyvsj_iwse1_182.awsui_has-notifications-content_hyvsj_iwse1_175:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_iwse1_167) {
|
|
501
510
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
502
511
|
}
|
|
503
|
-
header.
|
|
512
|
+
header.awsui_content_hyvsj_iwse1_182.awsui_has-breadcrumbs_hyvsj_iwse1_167:not(#\9) {
|
|
504
513
|
padding-top: var(--space-xxs-ynfts5, 4px);
|
|
505
514
|
}
|
|
506
|
-
header.
|
|
515
|
+
header.awsui_content_hyvsj_iwse1_182:not(#\9):not(.awsui_has-notifications-content_hyvsj_iwse1_175):not(.awsui_has-breadcrumbs_hyvsj_iwse1_167) {
|
|
507
516
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
508
517
|
}
|
|
509
518
|
}
|
|
510
519
|
@media (max-width: 688px) {
|
|
511
|
-
header.
|
|
520
|
+
header.awsui_content_hyvsj_iwse1_182:not(#\9) {
|
|
512
521
|
padding: var(--space-m-17eucw, 16px) 0 var(--space-content-header-padding-bottom-nvqytg, 24px);
|
|
513
522
|
/*
|
|
514
523
|
Breadcrumbs has moved to first position and sticky so Notifications
|
|
515
524
|
are now the previous adjacent sibling if they exist.
|
|
516
525
|
*/
|
|
517
526
|
}
|
|
518
|
-
header.
|
|
527
|
+
header.awsui_content_hyvsj_iwse1_182.awsui_has-notifications-content_hyvsj_iwse1_175:not(#\9) {
|
|
519
528
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
520
529
|
}
|
|
521
530
|
}
|
|
@@ -541,7 +550,7 @@ header.awsui_content_hyvsj_1xn3c_182:not(#\9) {
|
|
|
541
550
|
circumstances regardless of whether the minContentWidth property is
|
|
542
551
|
explicitly set in script.
|
|
543
552
|
*/
|
|
544
|
-
.
|
|
553
|
+
.awsui_layout_hyvsj_iwse1_527:not(#\9) {
|
|
545
554
|
--awsui-content-gap-left-3j0evk: 0px;
|
|
546
555
|
--awsui-content-gap-right-3j0evk: 0px;
|
|
547
556
|
--awsui-content-height-3j0evk: calc(100vh - var(--awsui-header-height-3j0evk) - var(--awsui-footer-height-3j0evk));
|
|
@@ -624,90 +633,90 @@ header.awsui_content_hyvsj_1xn3c_182:not(#\9) {
|
|
|
624
633
|
*/
|
|
625
634
|
}
|
|
626
635
|
@media (min-width: 1401px) {
|
|
627
|
-
.
|
|
636
|
+
.awsui_layout_hyvsj_iwse1_527:not(#\9):not(.awsui_has-max-content-width_hyvsj_iwse1_610) {
|
|
628
637
|
--awsui-default-max-content-width-3j0evk: 1280px;
|
|
629
638
|
}
|
|
630
639
|
}
|
|
631
640
|
@media (min-width: 1921px) {
|
|
632
|
-
.
|
|
641
|
+
.awsui_layout_hyvsj_iwse1_527:not(#\9):not(.awsui_has-max-content-width_hyvsj_iwse1_610) {
|
|
633
642
|
--awsui-default-max-content-width-3j0evk: 1440px;
|
|
634
643
|
}
|
|
635
644
|
}
|
|
636
645
|
@media (min-width: 2541px) {
|
|
637
|
-
.
|
|
646
|
+
.awsui_layout_hyvsj_iwse1_527:not(#\9):not(.awsui_has-max-content-width_hyvsj_iwse1_610) {
|
|
638
647
|
--awsui-default-max-content-width-3j0evk: 1620px;
|
|
639
648
|
}
|
|
640
649
|
}
|
|
641
650
|
@media (min-width: 1401px) {
|
|
642
|
-
.
|
|
651
|
+
.awsui_layout_hyvsj_iwse1_527:not(#\9):not(.awsui_has-max-content-width_hyvsj_iwse1_610).awsui_content-type-dashboard_hyvsj_iwse1_625 {
|
|
643
652
|
--awsui-default-max-content-width-3j0evk: 1280px;
|
|
644
653
|
}
|
|
645
654
|
}
|
|
646
655
|
@media (min-width: 1921px) {
|
|
647
|
-
.
|
|
656
|
+
.awsui_layout_hyvsj_iwse1_527:not(#\9):not(.awsui_has-max-content-width_hyvsj_iwse1_610).awsui_content-type-dashboard_hyvsj_iwse1_625 {
|
|
648
657
|
--awsui-default-max-content-width-3j0evk: 1620px;
|
|
649
658
|
}
|
|
650
659
|
}
|
|
651
660
|
@media (min-width: 2541px) {
|
|
652
|
-
.
|
|
661
|
+
.awsui_layout_hyvsj_iwse1_527:not(#\9):not(.awsui_has-max-content-width_hyvsj_iwse1_610).awsui_content-type-dashboard_hyvsj_iwse1_625 {
|
|
653
662
|
--awsui-default-max-content-width-3j0evk: 2160px;
|
|
654
663
|
}
|
|
655
664
|
}
|
|
656
|
-
.
|
|
665
|
+
.awsui_layout_hyvsj_iwse1_527.awsui_has-max-content-width_hyvsj_iwse1_610:not(#\9) {
|
|
657
666
|
--awsui-default-max-content-width-3j0evk: var(--awsui-max-content-width-3j0evk);
|
|
658
667
|
}
|
|
659
668
|
@media (min-width: 993px) {
|
|
660
|
-
.
|
|
669
|
+
.awsui_layout_hyvsj_iwse1_527:not(#\9) {
|
|
661
670
|
--awsui-default-min-content-width-3j0evk: var(--awsui-min-content-width-3j0evk, 280px);
|
|
662
671
|
}
|
|
663
672
|
}
|
|
664
673
|
@media (max-width: 992px) {
|
|
665
|
-
.
|
|
674
|
+
.awsui_layout_hyvsj_iwse1_527:not(#\9) {
|
|
666
675
|
--awsui-default-min-content-width-3j0evk: 0px;
|
|
667
676
|
}
|
|
668
677
|
}
|
|
669
|
-
.
|
|
678
|
+
.awsui_layout_hyvsj_iwse1_527.awsui_is-overlap-disabled_hyvsj_iwse1_652:not(#\9) {
|
|
670
679
|
--awsui-overlap-height-3j0evk: 0;
|
|
671
680
|
}
|
|
672
|
-
.
|
|
681
|
+
.awsui_layout_hyvsj_iwse1_527:not(#\9):not(.awsui_disable-body-scroll_hyvsj_iwse1_316) {
|
|
673
682
|
--awsui-offset-top-3j0evk: var(--awsui-header-height-3j0evk);
|
|
674
683
|
min-height: var(--awsui-content-height-3j0evk);
|
|
675
684
|
}
|
|
676
|
-
.
|
|
685
|
+
.awsui_layout_hyvsj_iwse1_527:not(#\9):not(.awsui_disable-body-scroll_hyvsj_iwse1_316):not(.awsui_has-sticky-notifications_hyvsj_iwse1_659) {
|
|
677
686
|
--awsui-offset-top-with-notifications-3j0evk: var(--awsui-header-height-3j0evk);
|
|
678
687
|
}
|
|
679
|
-
.
|
|
688
|
+
.awsui_layout_hyvsj_iwse1_527:not(#\9):not(.awsui_disable-body-scroll_hyvsj_iwse1_316).awsui_has-sticky-notifications_hyvsj_iwse1_659 {
|
|
680
689
|
--awsui-offset-top-with-notifications-3j0evk: calc(
|
|
681
690
|
var(--awsui-header-height-3j0evk) + var(--awsui-notifications-height-3j0evk) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
|
|
682
691
|
);
|
|
683
692
|
}
|
|
684
|
-
.
|
|
693
|
+
.awsui_layout_hyvsj_iwse1_527.awsui_disable-body-scroll_hyvsj_iwse1_316:not(#\9) {
|
|
685
694
|
--awsui-offset-top-3j0evk: 0px;
|
|
686
695
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-3j0evk) 1fr auto;
|
|
687
696
|
height: var(--awsui-content-height-3j0evk);
|
|
688
697
|
overflow-y: scroll;
|
|
689
698
|
}
|
|
690
|
-
.
|
|
699
|
+
.awsui_layout_hyvsj_iwse1_527.awsui_disable-body-scroll_hyvsj_iwse1_316.awsui_has-split-panel_hyvsj_iwse1_673.awsui_split-panel-position-bottom_hyvsj_iwse1_673:not(#\9) {
|
|
691
700
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-3j0evk) repeat(2, auto);
|
|
692
701
|
}
|
|
693
|
-
.
|
|
702
|
+
.awsui_layout_hyvsj_iwse1_527.awsui_disable-body-scroll_hyvsj_iwse1_316:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_iwse1_659) {
|
|
694
703
|
--awsui-offset-top-with-notifications-3j0evk: 0px;
|
|
695
704
|
}
|
|
696
|
-
.
|
|
705
|
+
.awsui_layout_hyvsj_iwse1_527.awsui_disable-body-scroll_hyvsj_iwse1_316.awsui_has-sticky-notifications_hyvsj_iwse1_659:not(#\9) {
|
|
697
706
|
--awsui-offset-top-with-notifications-3j0evk: calc(
|
|
698
707
|
var(--awsui-notifications-height-3j0evk) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
|
|
699
708
|
);
|
|
700
709
|
}
|
|
701
710
|
@media (min-width: 689px) {
|
|
702
|
-
.
|
|
711
|
+
.awsui_layout_hyvsj_iwse1_527.awsui_has-content-gap-left_hyvsj_iwse1_685:not(#\9) {
|
|
703
712
|
--awsui-content-gap-left-3j0evk: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
704
713
|
}
|
|
705
|
-
.
|
|
714
|
+
.awsui_layout_hyvsj_iwse1_527.awsui_has-content-gap-right_hyvsj_iwse1_688:not(#\9) {
|
|
706
715
|
--awsui-content-gap-right-3j0evk: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
707
716
|
}
|
|
708
717
|
}
|
|
709
718
|
@media (max-width: 688px) {
|
|
710
|
-
.
|
|
719
|
+
.awsui_layout_hyvsj_iwse1_527:not(#\9) {
|
|
711
720
|
--awsui-content-gap-left-3j0evk: var(--space-l-4vl6xu, 20px);
|
|
712
721
|
--awsui-content-gap-right-3j0evk: var(--space-l-4vl6xu, 20px);
|
|
713
722
|
}
|
|
@@ -717,7 +726,7 @@ header.awsui_content_hyvsj_1xn3c_182:not(#\9) {
|
|
|
717
726
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
718
727
|
when the navigation or tools drawers are open in responsive viewports.
|
|
719
728
|
*/
|
|
720
|
-
.awsui_block-body-
|
|
729
|
+
.awsui_block-body-scroll_hyvsj_iwse1_703:not(#\9) {
|
|
721
730
|
overflow: hidden;
|
|
722
731
|
}
|
|
723
732
|
|
|
@@ -725,7 +734,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
725
734
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
726
735
|
SPDX-License-Identifier: Apache-2.0
|
|
727
736
|
*/
|
|
728
|
-
.
|
|
737
|
+
.awsui_container_hyvsj_iwse1_711:not(#\9) {
|
|
729
738
|
grid-column: 3;
|
|
730
739
|
grid-row: 4/span 2;
|
|
731
740
|
padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
|
|
@@ -748,23 +757,23 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
748
757
|
under various circumstances.
|
|
749
758
|
*/
|
|
750
759
|
}
|
|
751
|
-
.
|
|
760
|
+
.awsui_container_hyvsj_iwse1_711.awsui_has-split-panel_hyvsj_iwse1_673.awsui_split-panel-position-bottom_hyvsj_iwse1_673:not(#\9) {
|
|
752
761
|
padding-bottom: calc(var(--awsui-split-panel-height-3j0evk) + var(--space-layout-content-bottom-kg9l42, 40px));
|
|
753
762
|
}
|
|
754
|
-
.
|
|
763
|
+
.awsui_container_hyvsj_iwse1_711.awsui_disable-content-paddings_hyvsj_iwse1_737:not(#\9) {
|
|
755
764
|
grid-column: 1/6;
|
|
756
765
|
padding: 0;
|
|
757
766
|
}
|
|
758
767
|
@media (min-width: 689px) {
|
|
759
|
-
.
|
|
768
|
+
.awsui_container_hyvsj_iwse1_711.awsui_disable-content-paddings_hyvsj_iwse1_737.awsui_is-navigation-open_hyvsj_iwse1_742:not(#\9) {
|
|
760
769
|
grid-column-start: 2;
|
|
761
770
|
}
|
|
762
|
-
.
|
|
771
|
+
.awsui_container_hyvsj_iwse1_711.awsui_disable-content-paddings_hyvsj_iwse1_737.awsui_is-tools-open_hyvsj_iwse1_745:not(#\9), .awsui_container_hyvsj_iwse1_711.awsui_disable-content-paddings_hyvsj_iwse1_737.awsui_is-split-panel-open_hyvsj_iwse1_745.awsui_split-panel-position-side_hyvsj_iwse1_745:not(#\9) {
|
|
763
772
|
grid-column-end: 5;
|
|
764
773
|
}
|
|
765
774
|
}
|
|
766
775
|
@media (min-width: 689px) {
|
|
767
|
-
.
|
|
776
|
+
.awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737) {
|
|
768
777
|
/*
|
|
769
778
|
Notifications is the previous adjacent sibling to the Main in
|
|
770
779
|
desktop viewports if there are no Breadcrumbs or Header. Use additional
|
|
@@ -779,18 +788,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
779
788
|
sibling to the Main which requires no top padding.
|
|
780
789
|
*/
|
|
781
790
|
}
|
|
782
|
-
.
|
|
791
|
+
.awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737).awsui_content-type-default_hyvsj_iwse1_765.awsui_has-notifications-content_hyvsj_iwse1_175:not(.awsui_has-breadcrumbs_hyvsj_iwse1_167):not(.awsui_has-header_hyvsj_iwse1_181):not(.awsui_has-dynamic-overlap-height_hyvsj_iwse1_181), .awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737).awsui_content-type-form_hyvsj_iwse1_765.awsui_has-notifications-content_hyvsj_iwse1_175:not(.awsui_has-breadcrumbs_hyvsj_iwse1_167):not(.awsui_has-header_hyvsj_iwse1_181):not(.awsui_has-dynamic-overlap-height_hyvsj_iwse1_181) {
|
|
783
792
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
784
793
|
}
|
|
785
|
-
.
|
|
794
|
+
.awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737).awsui_content-type-default_hyvsj_iwse1_765:not(.awsui_has-notifications-content_hyvsj_iwse1_175):not(.awsui_has-breadcrumbs_hyvsj_iwse1_167):not(.awsui_has-header_hyvsj_iwse1_181):not(.awsui_has-dynamic-overlap-height_hyvsj_iwse1_181), .awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737).awsui_content-type-form_hyvsj_iwse1_765:not(.awsui_has-notifications-content_hyvsj_iwse1_175):not(.awsui_has-breadcrumbs_hyvsj_iwse1_167):not(.awsui_has-header_hyvsj_iwse1_181):not(.awsui_has-dynamic-overlap-height_hyvsj_iwse1_181) {
|
|
786
795
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
787
796
|
}
|
|
788
|
-
.
|
|
797
|
+
.awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737).awsui_has-header_hyvsj_iwse1_181, .awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737).awsui_has-dynamic-overlap-height_hyvsj_iwse1_181 {
|
|
789
798
|
padding-top: 0;
|
|
790
799
|
}
|
|
791
800
|
}
|
|
792
801
|
@media (max-width: 688px) {
|
|
793
|
-
.
|
|
802
|
+
.awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737) {
|
|
794
803
|
/*
|
|
795
804
|
If the Notifications exist but the Header does not then the
|
|
796
805
|
Notifications is the previous adjacent sibling to the Main
|
|
@@ -805,23 +814,23 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
805
814
|
sibling to the Main which requires no top padding.
|
|
806
815
|
*/
|
|
807
816
|
}
|
|
808
|
-
.
|
|
817
|
+
.awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737).awsui_content-type-default_hyvsj_iwse1_765.awsui_has-notifications-content_hyvsj_iwse1_175:not(.awsui_has-header_hyvsj_iwse1_181):not(.awsui_has-dynamic-overlap-height_hyvsj_iwse1_181), .awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737).awsui_content-type-form_hyvsj_iwse1_765.awsui_has-notifications-content_hyvsj_iwse1_175:not(.awsui_has-header_hyvsj_iwse1_181):not(.awsui_has-dynamic-overlap-height_hyvsj_iwse1_181) {
|
|
809
818
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
810
819
|
}
|
|
811
|
-
.
|
|
820
|
+
.awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737).awsui_content-type-default_hyvsj_iwse1_765:not(.awsui_has-notifications-content_hyvsj_iwse1_175):not(.awsui_has-header_hyvsj_iwse1_181):not(.awsui_has-dynamic-overlap-height_hyvsj_iwse1_181), .awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737).awsui_content-type-form_hyvsj_iwse1_765:not(.awsui_has-notifications-content_hyvsj_iwse1_175):not(.awsui_has-header_hyvsj_iwse1_181):not(.awsui_has-dynamic-overlap-height_hyvsj_iwse1_181) {
|
|
812
821
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
813
822
|
}
|
|
814
|
-
.
|
|
823
|
+
.awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737).awsui_has-header_hyvsj_iwse1_181, .awsui_container_hyvsj_iwse1_711:not(#\9):not(.awsui_disable-content-paddings_hyvsj_iwse1_737).awsui_has-dynamic-overlap-height_hyvsj_iwse1_181 {
|
|
815
824
|
padding-top: 0;
|
|
816
825
|
}
|
|
817
826
|
}
|
|
818
|
-
.
|
|
827
|
+
.awsui_container_hyvsj_iwse1_711.awsui_content-type-cards_hyvsj_iwse1_185:not(#\9), .awsui_container_hyvsj_iwse1_711.awsui_content-type-table_hyvsj_iwse1_186:not(#\9), .awsui_container_hyvsj_iwse1_711.awsui_content-type-wizard_hyvsj_iwse1_182:not(#\9) {
|
|
819
828
|
padding-top: 0;
|
|
820
829
|
}
|
|
821
830
|
|
|
822
831
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
823
|
-
.
|
|
824
|
-
.
|
|
832
|
+
.awsui_unfocusable_hyvsj_iwse1_806:not(#\9),
|
|
833
|
+
.awsui_unfocusable_hyvsj_iwse1_806 *:not(#\9) {
|
|
825
834
|
visibility: hidden !important;
|
|
826
835
|
}
|
|
827
836
|
|
|
@@ -830,7 +839,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
830
839
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
831
840
|
SPDX-License-Identifier: Apache-2.0
|
|
832
841
|
*/
|
|
833
|
-
.awsui_navigation-
|
|
842
|
+
.awsui_navigation-container_hyvsj_iwse1_816:not(#\9) {
|
|
834
843
|
--awsui-navigation-width-3j0evk: 280px;
|
|
835
844
|
display: flex;
|
|
836
845
|
grid-column: 1;
|
|
@@ -852,27 +861,36 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
852
861
|
pointer-events: none;
|
|
853
862
|
}
|
|
854
863
|
@media (min-width: 2541px) {
|
|
855
|
-
.awsui_navigation-
|
|
864
|
+
.awsui_navigation-container_hyvsj_iwse1_816:not(#\9) {
|
|
856
865
|
--awsui-navigation-width-3j0evk: 320px;
|
|
857
866
|
}
|
|
858
867
|
}
|
|
859
868
|
@media (max-width: 688px) {
|
|
860
|
-
.awsui_navigation-
|
|
869
|
+
.awsui_navigation-container_hyvsj_iwse1_816:not(#\9) {
|
|
861
870
|
left: 0;
|
|
862
871
|
position: fixed;
|
|
863
|
-
top: var(--awsui-offset-top-3j0evk);
|
|
864
872
|
z-index: 1001;
|
|
873
|
+
/*
|
|
874
|
+
When disableBodyScroll is true the offsetTop will be relative to the
|
|
875
|
+
app layout and not the body. However, the drawer position changes
|
|
876
|
+
to fixed in mobile viewports. The top value needs to include the
|
|
877
|
+
header because fixed position switches the top value so it is now
|
|
878
|
+
relative to the body.
|
|
879
|
+
*/
|
|
880
|
+
}
|
|
881
|
+
.awsui_navigation-container_hyvsj_iwse1_816.awsui_disable-body-scroll_hyvsj_iwse1_316:not(#\9) {
|
|
882
|
+
top: var(--awsui-header-height-3j0evk);
|
|
865
883
|
}
|
|
866
884
|
}
|
|
867
885
|
|
|
868
|
-
nav.awsui_show-
|
|
886
|
+
nav.awsui_show-navigation_hyvsj_iwse1_860:not(#\9) {
|
|
869
887
|
padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
|
|
870
888
|
/*
|
|
871
889
|
Apply the animation only in desktop viewports because the AppBar will
|
|
872
890
|
take control in responsive viewports.
|
|
873
891
|
*/
|
|
874
892
|
}
|
|
875
|
-
@keyframes
|
|
893
|
+
@keyframes awsui_showButtons_hyvsj_iwse1_1 {
|
|
876
894
|
0% {
|
|
877
895
|
opacity: 0;
|
|
878
896
|
}
|
|
@@ -880,31 +898,31 @@ nav.awsui_show-navigation_hyvsj_1xn3c_842:not(#\9) {
|
|
|
880
898
|
opacity: 1;
|
|
881
899
|
}
|
|
882
900
|
}
|
|
883
|
-
nav.awsui_show-
|
|
901
|
+
nav.awsui_show-navigation_hyvsj_iwse1_860.awsui_is-navigation-open_hyvsj_iwse1_742:not(#\9) {
|
|
884
902
|
display: none;
|
|
885
903
|
}
|
|
886
904
|
@media (min-width: 689px) {
|
|
887
|
-
nav.awsui_show-
|
|
905
|
+
nav.awsui_show-navigation_hyvsj_iwse1_860:not(#\9):not(.awsui_is-navigation-open_hyvsj_iwse1_742) {
|
|
888
906
|
display: block;
|
|
889
907
|
}
|
|
890
|
-
nav.awsui_show-
|
|
891
|
-
animation:
|
|
908
|
+
nav.awsui_show-navigation_hyvsj_iwse1_860:not(#\9):not(.awsui_is-navigation-open_hyvsj_iwse1_742).awsui_animating_hyvsj_iwse1_882 {
|
|
909
|
+
animation: awsui_showButtons_hyvsj_iwse1_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
892
910
|
}
|
|
893
911
|
}
|
|
894
912
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
895
|
-
nav.awsui_show-
|
|
913
|
+
nav.awsui_show-navigation_hyvsj_iwse1_860:not(#\9):not(.awsui_is-navigation-open_hyvsj_iwse1_742).awsui_animating_hyvsj_iwse1_882 {
|
|
896
914
|
animation: none;
|
|
897
915
|
transition: none;
|
|
898
916
|
}
|
|
899
917
|
}
|
|
900
918
|
@media (min-width: 689px) {
|
|
901
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
919
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_iwse1_860:not(#\9):not(.awsui_is-navigation-open_hyvsj_iwse1_742).awsui_animating_hyvsj_iwse1_882, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_iwse1_860:not(#\9):not(.awsui_is-navigation-open_hyvsj_iwse1_742).awsui_animating_hyvsj_iwse1_882 {
|
|
902
920
|
animation: none;
|
|
903
921
|
transition: none;
|
|
904
922
|
}
|
|
905
923
|
}
|
|
906
924
|
|
|
907
|
-
nav.
|
|
925
|
+
nav.awsui_navigation_hyvsj_iwse1_816:not(#\9) {
|
|
908
926
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
909
927
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
910
928
|
bottom: 0;
|
|
@@ -921,7 +939,7 @@ nav.awsui_navigation_hyvsj_1xn3c_807:not(#\9) {
|
|
|
921
939
|
prevent unwanted text wrapping.
|
|
922
940
|
*/
|
|
923
941
|
}
|
|
924
|
-
@keyframes
|
|
942
|
+
@keyframes awsui_openNavigation_hyvsj_iwse1_1 {
|
|
925
943
|
from {
|
|
926
944
|
opacity: 0;
|
|
927
945
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
@@ -931,33 +949,33 @@ nav.awsui_navigation_hyvsj_1xn3c_807:not(#\9) {
|
|
|
931
949
|
width: var(--awsui-navigation-width-3j0evk);
|
|
932
950
|
}
|
|
933
951
|
}
|
|
934
|
-
nav.
|
|
952
|
+
nav.awsui_navigation_hyvsj_iwse1_816:not(#\9):not(.awsui_is-navigation-open_hyvsj_iwse1_742) {
|
|
935
953
|
width: 0;
|
|
936
954
|
display: none;
|
|
937
955
|
}
|
|
938
|
-
nav.
|
|
939
|
-
animation:
|
|
956
|
+
nav.awsui_navigation_hyvsj_iwse1_816.awsui_is-navigation-open_hyvsj_iwse1_742.awsui_animating_hyvsj_iwse1_882:not(#\9) {
|
|
957
|
+
animation: awsui_openNavigation_hyvsj_iwse1_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
940
958
|
}
|
|
941
959
|
@media (prefers-reduced-motion: reduce) {
|
|
942
|
-
nav.
|
|
960
|
+
nav.awsui_navigation_hyvsj_iwse1_816.awsui_is-navigation-open_hyvsj_iwse1_742.awsui_animating_hyvsj_iwse1_882:not(#\9) {
|
|
943
961
|
animation: none;
|
|
944
962
|
transition: none;
|
|
945
963
|
}
|
|
946
964
|
}
|
|
947
|
-
.awsui-motion-disabled nav.
|
|
965
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_iwse1_816.awsui_is-navigation-open_hyvsj_iwse1_742.awsui_animating_hyvsj_iwse1_882:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_iwse1_816.awsui_is-navigation-open_hyvsj_iwse1_742.awsui_animating_hyvsj_iwse1_882:not(#\9) {
|
|
948
966
|
animation: none;
|
|
949
967
|
transition: none;
|
|
950
968
|
}
|
|
951
|
-
nav.
|
|
969
|
+
nav.awsui_navigation_hyvsj_iwse1_816 > .awsui_animated-content_hyvsj_iwse1_943:not(#\9) {
|
|
952
970
|
width: var(--awsui-navigation-width-3j0evk);
|
|
953
971
|
}
|
|
954
972
|
@media (max-width: 688px) {
|
|
955
|
-
nav.
|
|
973
|
+
nav.awsui_navigation_hyvsj_iwse1_816:not(#\9) {
|
|
956
974
|
--awsui-navigation-width-3j0evk: 100vw;
|
|
957
975
|
}
|
|
958
976
|
}
|
|
959
977
|
|
|
960
|
-
.awsui_hide-
|
|
978
|
+
.awsui_hide-navigation_hyvsj_iwse1_952:not(#\9) {
|
|
961
979
|
position: absolute;
|
|
962
980
|
right: var(--space-m-17eucw, 16px);
|
|
963
981
|
top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
|
|
@@ -967,7 +985,7 @@ nav.awsui_navigation_hyvsj_1xn3c_807 > .awsui_animated-content_hyvsj_1xn3c_925:n
|
|
|
967
985
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
968
986
|
SPDX-License-Identifier: Apache-2.0
|
|
969
987
|
*/
|
|
970
|
-
.
|
|
988
|
+
.awsui_notifications_hyvsj_iwse1_227:not(#\9) {
|
|
971
989
|
grid-column: 3;
|
|
972
990
|
grid-row: 1;
|
|
973
991
|
z-index: 850;
|
|
@@ -985,31 +1003,31 @@ nav.awsui_navigation_hyvsj_1xn3c_807 > .awsui_animated-content_hyvsj_1xn3c_925:n
|
|
|
985
1003
|
*/
|
|
986
1004
|
}
|
|
987
1005
|
@media (min-width: 689px) {
|
|
988
|
-
.
|
|
1006
|
+
.awsui_notifications_hyvsj_iwse1_227:not(#\9) {
|
|
989
1007
|
margin: var(--space-xs-rsr2qu, 8px) 0;
|
|
990
1008
|
/*
|
|
991
1009
|
var(--space-xs-rsr2qu, 8px) token needs to align with the $offsetTopWithNotifications
|
|
992
1010
|
calculation in the layout CSS.
|
|
993
1011
|
*/
|
|
994
1012
|
}
|
|
995
|
-
.
|
|
1013
|
+
.awsui_notifications_hyvsj_iwse1_227.awsui_sticky-notifications_hyvsj_iwse1_240:not(#\9) {
|
|
996
1014
|
position: sticky;
|
|
997
1015
|
top: calc(var(--awsui-offset-top-3j0evk) + var(--space-xs-rsr2qu, 8px));
|
|
998
1016
|
--awsui-flashbar-sticky-bottom-margin-3j0evk: var(--space-xxl-2nvmf1, 32px);
|
|
999
1017
|
}
|
|
1000
|
-
.
|
|
1018
|
+
.awsui_notifications_hyvsj_iwse1_227:not(#\9):not(.awsui_has-notifications-content_hyvsj_iwse1_175) {
|
|
1001
1019
|
margin: 0;
|
|
1002
1020
|
}
|
|
1003
1021
|
}
|
|
1004
1022
|
@media (max-width: 688px) {
|
|
1005
|
-
.
|
|
1023
|
+
.awsui_notifications_hyvsj_iwse1_227:not(#\9) {
|
|
1006
1024
|
grid-row: 2;
|
|
1007
1025
|
margin: var(--space-scaled-s-cu1hzn, 12px) 0;
|
|
1008
1026
|
}
|
|
1009
|
-
.
|
|
1027
|
+
.awsui_notifications_hyvsj_iwse1_227.awsui_sticky-notifications_hyvsj_iwse1_240:not(#\9) {
|
|
1010
1028
|
position: static;
|
|
1011
1029
|
}
|
|
1012
|
-
.
|
|
1030
|
+
.awsui_notifications_hyvsj_iwse1_227:not(#\9):not(.awsui_has-notifications-content_hyvsj_iwse1_175) {
|
|
1013
1031
|
margin: 0;
|
|
1014
1032
|
}
|
|
1015
1033
|
}
|
|
@@ -1024,7 +1042,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
1024
1042
|
consume the remaining vertical space in the grid after the notifications
|
|
1025
1043
|
and breadcrumbs.
|
|
1026
1044
|
*/
|
|
1027
|
-
section.awsui_split-panel-
|
|
1045
|
+
section.awsui_split-panel-bottom_hyvsj_iwse1_1019:not(#\9) {
|
|
1028
1046
|
/*
|
|
1029
1047
|
The align self property will position the split panel at the bottom of the grid row.
|
|
1030
1048
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -1059,7 +1077,7 @@ section.awsui_split-panel-bottom_hyvsj_1xn3c_1001:not(#\9) {
|
|
|
1059
1077
|
apply the animation to the height property.
|
|
1060
1078
|
*/
|
|
1061
1079
|
}
|
|
1062
|
-
@keyframes
|
|
1080
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_iwse1_1 {
|
|
1063
1081
|
from {
|
|
1064
1082
|
height: var(--awsui-split-panel-reported-header-size-3j0evk, 0);
|
|
1065
1083
|
}
|
|
@@ -1067,39 +1085,39 @@ section.awsui_split-panel-bottom_hyvsj_1xn3c_1001:not(#\9) {
|
|
|
1067
1085
|
height: var(--awsui-split-panel-reported-size-3j0evk);
|
|
1068
1086
|
}
|
|
1069
1087
|
}
|
|
1070
|
-
section.awsui_split-panel-
|
|
1088
|
+
section.awsui_split-panel-bottom_hyvsj_iwse1_1019.awsui_disable-body-scroll_hyvsj_iwse1_316:not(#\9) {
|
|
1071
1089
|
bottom: 0;
|
|
1072
1090
|
}
|
|
1073
|
-
section.awsui_split-panel-
|
|
1091
|
+
section.awsui_split-panel-bottom_hyvsj_iwse1_1019.awsui_is-navigation-open_hyvsj_iwse1_742.awsui_position-bottom_hyvsj_iwse1_1065:not(#\9) {
|
|
1074
1092
|
grid-column-start: 2;
|
|
1075
1093
|
}
|
|
1076
|
-
section.awsui_split-panel-
|
|
1094
|
+
section.awsui_split-panel-bottom_hyvsj_iwse1_1019.awsui_has-open-drawer_hyvsj_iwse1_282.awsui_position-bottom_hyvsj_iwse1_1065:not(#\9) {
|
|
1077
1095
|
grid-column-end: 5;
|
|
1078
1096
|
}
|
|
1079
|
-
section.awsui_split-panel-
|
|
1097
|
+
section.awsui_split-panel-bottom_hyvsj_iwse1_1019.awsui_position-bottom_hyvsj_iwse1_1065:not(#\9) {
|
|
1080
1098
|
display: block;
|
|
1081
1099
|
}
|
|
1082
|
-
section.awsui_split-panel-
|
|
1100
|
+
section.awsui_split-panel-bottom_hyvsj_iwse1_1019:not(#\9):not(.awsui_is-split-panel-open_hyvsj_iwse1_745).awsui_position-bottom_hyvsj_iwse1_1065 {
|
|
1083
1101
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
1084
1102
|
}
|
|
1085
|
-
section.awsui_split-panel-
|
|
1103
|
+
section.awsui_split-panel-bottom_hyvsj_iwse1_1019.awsui_is-split-panel-open_hyvsj_iwse1_745.awsui_position-bottom_hyvsj_iwse1_1065:not(#\9) {
|
|
1086
1104
|
box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
1087
1105
|
}
|
|
1088
|
-
section.awsui_split-panel-
|
|
1089
|
-
animation:
|
|
1106
|
+
section.awsui_split-panel-bottom_hyvsj_iwse1_1019.awsui_is-split-panel-open_hyvsj_iwse1_745.awsui_position-bottom_hyvsj_iwse1_1065.awsui_animating_hyvsj_iwse1_882:not(#\9) {
|
|
1107
|
+
animation: awsui_openSplitPanelBottom_hyvsj_iwse1_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1090
1108
|
}
|
|
1091
1109
|
@media (prefers-reduced-motion: reduce) {
|
|
1092
|
-
section.awsui_split-panel-
|
|
1110
|
+
section.awsui_split-panel-bottom_hyvsj_iwse1_1019.awsui_is-split-panel-open_hyvsj_iwse1_745.awsui_position-bottom_hyvsj_iwse1_1065.awsui_animating_hyvsj_iwse1_882:not(#\9) {
|
|
1093
1111
|
animation: none;
|
|
1094
1112
|
transition: none;
|
|
1095
1113
|
}
|
|
1096
1114
|
}
|
|
1097
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
1115
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_iwse1_1019.awsui_is-split-panel-open_hyvsj_iwse1_745.awsui_position-bottom_hyvsj_iwse1_1065.awsui_animating_hyvsj_iwse1_882:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_iwse1_1019.awsui_is-split-panel-open_hyvsj_iwse1_745.awsui_position-bottom_hyvsj_iwse1_1065.awsui_animating_hyvsj_iwse1_882:not(#\9) {
|
|
1098
1116
|
animation: none;
|
|
1099
1117
|
transition: none;
|
|
1100
1118
|
}
|
|
1101
1119
|
|
|
1102
|
-
section.awsui_split-panel-
|
|
1120
|
+
section.awsui_split-panel-side_hyvsj_iwse1_1094:not(#\9) {
|
|
1103
1121
|
height: 100%;
|
|
1104
1122
|
overflow-x: hidden;
|
|
1105
1123
|
pointer-events: auto;
|
|
@@ -1114,7 +1132,7 @@ section.awsui_split-panel-side_hyvsj_1xn3c_1076:not(#\9) {
|
|
|
1114
1132
|
prevent unwanted text wrapping.
|
|
1115
1133
|
*/
|
|
1116
1134
|
}
|
|
1117
|
-
@keyframes
|
|
1135
|
+
@keyframes awsui_openSplitPanelSide_hyvsj_iwse1_1 {
|
|
1118
1136
|
from {
|
|
1119
1137
|
opacity: 0;
|
|
1120
1138
|
width: var(--awsui-split-panel-min-width-3j0evk, 280px);
|
|
@@ -1124,28 +1142,28 @@ section.awsui_split-panel-side_hyvsj_1xn3c_1076:not(#\9) {
|
|
|
1124
1142
|
width: var(--awsui-split-panel-reported-size-3j0evk);
|
|
1125
1143
|
}
|
|
1126
1144
|
}
|
|
1127
|
-
section.awsui_split-panel-
|
|
1145
|
+
section.awsui_split-panel-side_hyvsj_iwse1_1094:not(#\9):not(.awsui_is-split-panel-open_hyvsj_iwse1_745), section.awsui_split-panel-side_hyvsj_iwse1_1094.awsui_position-bottom_hyvsj_iwse1_1065:not(#\9) {
|
|
1128
1146
|
width: 0;
|
|
1129
1147
|
}
|
|
1130
|
-
section.awsui_split-panel-
|
|
1148
|
+
section.awsui_split-panel-side_hyvsj_iwse1_1094.awsui_is-split-panel-open_hyvsj_iwse1_745.awsui_position-side_hyvsj_iwse1_1122:not(#\9) {
|
|
1131
1149
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1132
1150
|
max-width: var(--awsui-split-panel-max-width-3j0evk, 280px);
|
|
1133
1151
|
min-width: var(--awsui-split-panel-min-width-3j0evk, 280px);
|
|
1134
1152
|
}
|
|
1135
|
-
section.awsui_split-panel-
|
|
1136
|
-
animation:
|
|
1153
|
+
section.awsui_split-panel-side_hyvsj_iwse1_1094.awsui_is-split-panel-open_hyvsj_iwse1_745.awsui_position-side_hyvsj_iwse1_1122.awsui_animating_hyvsj_iwse1_882:not(#\9) {
|
|
1154
|
+
animation: awsui_openSplitPanelSide_hyvsj_iwse1_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1137
1155
|
}
|
|
1138
1156
|
@media (prefers-reduced-motion: reduce) {
|
|
1139
|
-
section.awsui_split-panel-
|
|
1157
|
+
section.awsui_split-panel-side_hyvsj_iwse1_1094.awsui_is-split-panel-open_hyvsj_iwse1_745.awsui_position-side_hyvsj_iwse1_1122.awsui_animating_hyvsj_iwse1_882:not(#\9) {
|
|
1140
1158
|
animation: none;
|
|
1141
1159
|
transition: none;
|
|
1142
1160
|
}
|
|
1143
1161
|
}
|
|
1144
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
1162
|
+
.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_iwse1_1094.awsui_is-split-panel-open_hyvsj_iwse1_745.awsui_position-side_hyvsj_iwse1_1122.awsui_animating_hyvsj_iwse1_882:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_iwse1_1094.awsui_is-split-panel-open_hyvsj_iwse1_745.awsui_position-side_hyvsj_iwse1_1122.awsui_animating_hyvsj_iwse1_882:not(#\9) {
|
|
1145
1163
|
animation: none;
|
|
1146
1164
|
transition: none;
|
|
1147
1165
|
}
|
|
1148
|
-
section.awsui_split-panel-
|
|
1166
|
+
section.awsui_split-panel-side_hyvsj_iwse1_1094 > .awsui_animated-content_hyvsj_iwse1_943:not(#\9) {
|
|
1149
1167
|
height: 100%;
|
|
1150
1168
|
max-width: inherit;
|
|
1151
1169
|
width: var(--awsui-split-panel-reported-size-3j0evk);
|
|
@@ -1164,7 +1182,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
1164
1182
|
property. The content gap right is computed in the Layout styles based on the
|
|
1165
1183
|
viewport size and state of the Tools drawer.
|
|
1166
1184
|
*/
|
|
1167
|
-
.awsui_tools-
|
|
1185
|
+
.awsui_tools-container_hyvsj_iwse1_1159:not(#\9) {
|
|
1168
1186
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
1169
1187
|
--awsui-tools-max-width-3j0evk: calc(var(--awsui-layout-width-3j0evk) - var(--awsui-main-offset-left-3j0evk) - var(--awsui-default-min-content-width-3j0evk) - var(--awsui-content-gap-right-3j0evk));
|
|
1170
1188
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -1180,22 +1198,31 @@ viewport size and state of the Tools drawer.
|
|
|
1180
1198
|
pointer-events: none;
|
|
1181
1199
|
}
|
|
1182
1200
|
@media (min-width: 2541px) {
|
|
1183
|
-
.awsui_tools-
|
|
1201
|
+
.awsui_tools-container_hyvsj_iwse1_1159:not(#\9) {
|
|
1184
1202
|
--awsui-tools-width-3j0evk: 360px;
|
|
1185
1203
|
}
|
|
1186
1204
|
}
|
|
1187
1205
|
@media (max-width: 688px) {
|
|
1188
|
-
.awsui_tools-
|
|
1206
|
+
.awsui_tools-container_hyvsj_iwse1_1159:not(#\9) {
|
|
1189
1207
|
--awsui-tools-max-width-3j0evk: none;
|
|
1190
1208
|
--awsui-tools-width-3j0evk: auto;
|
|
1191
1209
|
position: fixed;
|
|
1192
1210
|
right: 0;
|
|
1193
|
-
top: var(--awsui-offset-top-3j0evk);
|
|
1194
1211
|
z-index: 1001;
|
|
1212
|
+
/*
|
|
1213
|
+
When disableBodyScroll is true the offsetTop will be relative to the
|
|
1214
|
+
app layout and not the body. However, the drawer position changes
|
|
1215
|
+
to fixed in mobile viewports. The top value needs to include the
|
|
1216
|
+
header because fixed position switches the top value so it is now
|
|
1217
|
+
relative to the body.
|
|
1218
|
+
*/
|
|
1219
|
+
}
|
|
1220
|
+
.awsui_tools-container_hyvsj_iwse1_1159.awsui_disable-body-scroll_hyvsj_iwse1_316:not(#\9) {
|
|
1221
|
+
top: var(--awsui-header-height-3j0evk);
|
|
1195
1222
|
}
|
|
1196
1223
|
}
|
|
1197
1224
|
|
|
1198
|
-
.
|
|
1225
|
+
.awsui_tools_hyvsj_iwse1_1159:not(#\9) {
|
|
1199
1226
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
1200
1227
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1201
1228
|
flex-shrink: 0;
|
|
@@ -1218,7 +1245,7 @@ viewport size and state of the Tools drawer.
|
|
|
1218
1245
|
in the side position.
|
|
1219
1246
|
*/
|
|
1220
1247
|
}
|
|
1221
|
-
@keyframes
|
|
1248
|
+
@keyframes awsui_openTools_hyvsj_iwse1_1 {
|
|
1222
1249
|
from {
|
|
1223
1250
|
opacity: var(--awsui-tools-animation-starting-opacity-3j0evk, 0);
|
|
1224
1251
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
@@ -1228,38 +1255,38 @@ viewport size and state of the Tools drawer.
|
|
|
1228
1255
|
width: var(--awsui-tools-width-3j0evk);
|
|
1229
1256
|
}
|
|
1230
1257
|
}
|
|
1231
|
-
.
|
|
1258
|
+
.awsui_tools_hyvsj_iwse1_1159:not(#\9):not(.awsui_is-tools-open_hyvsj_iwse1_745) {
|
|
1232
1259
|
width: 0;
|
|
1233
1260
|
display: none;
|
|
1234
1261
|
}
|
|
1235
|
-
.
|
|
1236
|
-
animation:
|
|
1262
|
+
.awsui_tools_hyvsj_iwse1_1159.awsui_is-tools-open_hyvsj_iwse1_745.awsui_animating_hyvsj_iwse1_882:not(#\9) {
|
|
1263
|
+
animation: awsui_openTools_hyvsj_iwse1_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1237
1264
|
}
|
|
1238
1265
|
@media (prefers-reduced-motion: reduce) {
|
|
1239
|
-
.
|
|
1266
|
+
.awsui_tools_hyvsj_iwse1_1159.awsui_is-tools-open_hyvsj_iwse1_745.awsui_animating_hyvsj_iwse1_882:not(#\9) {
|
|
1240
1267
|
animation: none;
|
|
1241
1268
|
transition: none;
|
|
1242
1269
|
}
|
|
1243
1270
|
}
|
|
1244
|
-
.awsui-motion-disabled .
|
|
1271
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_iwse1_1159.awsui_is-tools-open_hyvsj_iwse1_745.awsui_animating_hyvsj_iwse1_882:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_iwse1_1159.awsui_is-tools-open_hyvsj_iwse1_745.awsui_animating_hyvsj_iwse1_882:not(#\9) {
|
|
1245
1272
|
animation: none;
|
|
1246
1273
|
transition: none;
|
|
1247
1274
|
}
|
|
1248
|
-
.
|
|
1275
|
+
.awsui_tools_hyvsj_iwse1_1159 > .awsui_animated-content_hyvsj_iwse1_943:not(#\9) {
|
|
1249
1276
|
width: var(--awsui-tools-width-3j0evk);
|
|
1250
1277
|
}
|
|
1251
1278
|
@media (min-width: 689px) {
|
|
1252
|
-
.
|
|
1279
|
+
.awsui_tools_hyvsj_iwse1_1159.awsui_is-tools-open_hyvsj_iwse1_745.awsui_has-tools-form-persistence_hyvsj_iwse1_1253:not(#\9) {
|
|
1253
1280
|
border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
1254
1281
|
}
|
|
1255
1282
|
}
|
|
1256
1283
|
@media (max-width: 688px) {
|
|
1257
|
-
.
|
|
1284
|
+
.awsui_tools_hyvsj_iwse1_1159:not(#\9) {
|
|
1258
1285
|
--awsui-tools-width-3j0evk: 100vw;
|
|
1259
1286
|
}
|
|
1260
1287
|
}
|
|
1261
1288
|
|
|
1262
|
-
.awsui_hide-
|
|
1289
|
+
.awsui_hide-tools_hyvsj_iwse1_1263:not(#\9) {
|
|
1263
1290
|
position: absolute;
|
|
1264
1291
|
right: var(--space-m-17eucw, 16px);
|
|
1265
1292
|
top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
|
|
@@ -1271,7 +1298,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1271
1298
|
the calculation used to determine the Split Panel maximum width in the
|
|
1272
1299
|
handleSplitPanelMaxWidth function in the context.
|
|
1273
1300
|
*/
|
|
1274
|
-
.awsui_show-
|
|
1301
|
+
.awsui_show-tools_hyvsj_iwse1_1275:not(#\9) {
|
|
1275
1302
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1276
1303
|
border-collapse: separate;
|
|
1277
1304
|
border-spacing: 0;
|
|
@@ -1315,7 +1342,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1315
1342
|
take control in responsive viewports.
|
|
1316
1343
|
*/
|
|
1317
1344
|
}
|
|
1318
|
-
@keyframes
|
|
1345
|
+
@keyframes awsui_showButtons_hyvsj_iwse1_1 {
|
|
1319
1346
|
0% {
|
|
1320
1347
|
opacity: 0;
|
|
1321
1348
|
}
|
|
@@ -1323,33 +1350,33 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1323
1350
|
opacity: 1;
|
|
1324
1351
|
}
|
|
1325
1352
|
}
|
|
1326
|
-
.awsui_show-
|
|
1353
|
+
.awsui_show-tools_hyvsj_iwse1_1275:not(#\9):not(.awsui_has-tools-form_hyvsj_iwse1_1253) {
|
|
1327
1354
|
display: none;
|
|
1328
1355
|
}
|
|
1329
1356
|
@media (min-width: 689px) {
|
|
1330
|
-
.awsui_show-
|
|
1357
|
+
.awsui_show-tools_hyvsj_iwse1_1275.awsui_has-tools-form_hyvsj_iwse1_1253:not(#\9) {
|
|
1331
1358
|
display: flex;
|
|
1332
1359
|
flex-direction: column;
|
|
1333
1360
|
gap: var(--space-xs-rsr2qu, 8px);
|
|
1334
1361
|
}
|
|
1335
|
-
.awsui_show-
|
|
1336
|
-
animation:
|
|
1362
|
+
.awsui_show-tools_hyvsj_iwse1_1275.awsui_has-tools-form_hyvsj_iwse1_1253.awsui_animating_hyvsj_iwse1_882:not(#\9) {
|
|
1363
|
+
animation: awsui_showButtons_hyvsj_iwse1_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1337
1364
|
}
|
|
1338
1365
|
}
|
|
1339
1366
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1340
|
-
.awsui_show-
|
|
1367
|
+
.awsui_show-tools_hyvsj_iwse1_1275.awsui_has-tools-form_hyvsj_iwse1_1253.awsui_animating_hyvsj_iwse1_882:not(#\9) {
|
|
1341
1368
|
animation: none;
|
|
1342
1369
|
transition: none;
|
|
1343
1370
|
}
|
|
1344
1371
|
}
|
|
1345
1372
|
@media (min-width: 689px) {
|
|
1346
|
-
.awsui-motion-disabled .awsui_show-
|
|
1373
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_iwse1_1275.awsui_has-tools-form_hyvsj_iwse1_1253.awsui_animating_hyvsj_iwse1_882:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_iwse1_1275.awsui_has-tools-form_hyvsj_iwse1_1253.awsui_animating_hyvsj_iwse1_882:not(#\9) {
|
|
1347
1374
|
animation: none;
|
|
1348
1375
|
transition: none;
|
|
1349
1376
|
}
|
|
1350
1377
|
}
|
|
1351
1378
|
@media (min-width: 689px) {
|
|
1352
|
-
.awsui_show-
|
|
1379
|
+
.awsui_show-tools_hyvsj_iwse1_1275.awsui_has-tools-form-persistence_hyvsj_iwse1_1253:not(#\9) {
|
|
1353
1380
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
1354
1381
|
z-index: 1;
|
|
1355
1382
|
}
|
|
@@ -1364,7 +1391,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1364
1391
|
the calculation used to determine the Split Panel maximum width in the
|
|
1365
1392
|
handleSplitPanelMaxWidth function in the context.
|
|
1366
1393
|
*/
|
|
1367
|
-
.
|
|
1394
|
+
.awsui_trigger_hyvsj_iwse1_1342:not(#\9) {
|
|
1368
1395
|
background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
|
|
1369
1396
|
border: none;
|
|
1370
1397
|
border-radius: 50%;
|
|
@@ -1376,14 +1403,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1376
1403
|
width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
|
|
1377
1404
|
pointer-events: auto;
|
|
1378
1405
|
}
|
|
1379
|
-
body[data-awsui-focus-visible=true] .
|
|
1406
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_iwse1_1342:not(#\9):focus {
|
|
1380
1407
|
position: relative;
|
|
1381
1408
|
}
|
|
1382
|
-
body[data-awsui-focus-visible=true] .
|
|
1409
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_iwse1_1342:not(#\9):focus {
|
|
1383
1410
|
outline: 2px dotted transparent;
|
|
1384
1411
|
outline-offset: calc(3px - 1px);
|
|
1385
1412
|
}
|
|
1386
|
-
body[data-awsui-focus-visible=true] .
|
|
1413
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_iwse1_1342:not(#\9):focus::before {
|
|
1387
1414
|
content: " ";
|
|
1388
1415
|
display: block;
|
|
1389
1416
|
position: absolute;
|
|
@@ -1394,23 +1421,23 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1xn3c_1315:not(#\9):foc
|
|
|
1394
1421
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
1395
1422
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
1396
1423
|
}
|
|
1397
|
-
.
|
|
1424
|
+
.awsui_trigger_hyvsj_iwse1_1342:not(#\9):focus {
|
|
1398
1425
|
outline: none;
|
|
1399
1426
|
}
|
|
1400
|
-
.
|
|
1427
|
+
.awsui_trigger_hyvsj_iwse1_1342:not(#\9):hover {
|
|
1401
1428
|
background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
|
|
1402
1429
|
}
|
|
1403
|
-
.
|
|
1430
|
+
.awsui_trigger_hyvsj_iwse1_1342:not(#\9):active {
|
|
1404
1431
|
background: var(--color-background-layout-toggle-active-d15dki, #354150);
|
|
1405
1432
|
}
|
|
1406
|
-
.
|
|
1433
|
+
.awsui_trigger_hyvsj_iwse1_1342.awsui_selected_hyvsj_iwse1_1381:not(#\9) {
|
|
1407
1434
|
background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
|
|
1408
1435
|
color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
|
|
1409
1436
|
}
|
|
1410
|
-
.
|
|
1437
|
+
.awsui_trigger_hyvsj_iwse1_1342.awsui_selected_hyvsj_iwse1_1381:not(#\9):hover {
|
|
1411
1438
|
background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
|
|
1412
1439
|
}
|
|
1413
|
-
.
|
|
1440
|
+
.awsui_trigger_hyvsj_iwse1_1342.awsui_selected_hyvsj_iwse1_1381:not(#\9):active {
|
|
1414
1441
|
background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
|
|
1415
1442
|
}
|
|
1416
1443
|
|