@cloudscape-design/components 3.0.271 → 3.0.273
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/mobile-toolbar/index.d.ts.map +1 -1
- package/app-layout/mobile-toolbar/index.js +1 -1
- package/app-layout/mobile-toolbar/index.js.map +1 -1
- package/app-layout/mobile-toolbar/styles.css.js +6 -5
- package/app-layout/mobile-toolbar/styles.scoped.css +21 -8
- package/app-layout/mobile-toolbar/styles.selectors.js +6 -5
- package/app-layout/visual-refresh/drawers.js +1 -1
- package/app-layout/visual-refresh/drawers.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +72 -71
- package/app-layout/visual-refresh/styles.scoped.css +196 -189
- package/app-layout/visual-refresh/styles.selectors.js +72 -71
- package/expandable-section/styles.css.js +24 -24
- package/expandable-section/styles.scoped.css +47 -51
- package/expandable-section/styles.selectors.js +24 -24
- package/internal/environment.js +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/popover/internal.js +9 -10
- package/popover/internal.js.map +1 -1
- package/table/use-sticky-columns.d.ts +5 -4
- package/table/use-sticky-columns.d.ts.map +1 -1
- package/table/use-sticky-columns.js +38 -24
- package/table/use-sticky-columns.js.map +1 -1
- package/tabs/index.d.ts.map +1 -1
- package/tabs/index.js +5 -3
- package/tabs/index.js.map +1 -1
- package/tabs/interfaces.d.ts +3 -2
- package/tabs/interfaces.d.ts.map +1 -1
- package/tabs/interfaces.js.map +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_117n2_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_iwse1_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_117n2_93 > .awsui_appbar-nav_hyvsj_117n2_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_117n2_93 > .awsui_breadcrumbs_hyvsj_117n2_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_117n2_93 > .awsui_appbar-tools_hyvsj_117n2_125:not(#\9),
|
|
126
|
+
section.awsui_appbar_hyvsj_117n2_93 > .awsui_drawers-mobile-triggers-container_hyvsj_117n2_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_117n2_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_iwse1_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_117n2_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_117n2_167) {
|
|
168
168
|
display: none;
|
|
169
169
|
}
|
|
170
|
-
section.
|
|
171
|
-
section.
|
|
172
|
-
section.
|
|
170
|
+
section.awsui_appbar_hyvsj_117n2_93 > .awsui_appbar-nav_hyvsj_117n2_117:not(#\9),
|
|
171
|
+
section.awsui_appbar_hyvsj_117n2_93 > .awsui_appbar-tools_hyvsj_117n2_125:not(#\9),
|
|
172
|
+
section.awsui_appbar_hyvsj_117n2_93 > .awsui_drawers-mobile-triggers-container_hyvsj_117n2_126:not(#\9) {
|
|
173
173
|
display: none;
|
|
174
174
|
}
|
|
175
|
-
section.
|
|
175
|
+
section.awsui_appbar_hyvsj_117n2_93 > .awsui_breadcrumbs_hyvsj_117n2_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_117n2_175) {
|
|
176
176
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
177
177
|
}
|
|
178
|
-
section.
|
|
178
|
+
section.awsui_appbar_hyvsj_117n2_93 > .awsui_breadcrumbs_hyvsj_117n2_121.awsui_has-notifications-content_hyvsj_117n2_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_117n2_93 > .awsui_breadcrumbs_hyvsj_117n2_121:not(#\9):not(.awsui_has-header_hyvsj_117n2_181):not(.awsui_has-dynamic-overlap-height_hyvsj_117n2_181),
|
|
182
|
+
section.awsui_appbar_hyvsj_117n2_93 > .awsui_breadcrumbs_hyvsj_117n2_121:not(#\9):not(.awsui_has-header_hyvsj_117n2_181).awsui_content-type-wizard_hyvsj_117n2_182 {
|
|
183
183
|
padding-bottom: var(--space-m-17eucw, 16px);
|
|
184
184
|
}
|
|
185
|
-
section.
|
|
186
|
-
section.
|
|
185
|
+
section.awsui_appbar_hyvsj_117n2_93 > .awsui_breadcrumbs_hyvsj_117n2_121.awsui_content-type-cards_hyvsj_117n2_185:not(#\9),
|
|
186
|
+
section.awsui_appbar_hyvsj_117n2_93 > .awsui_breadcrumbs_hyvsj_117n2_121.awsui_content-type-table_hyvsj_117n2_186:not(#\9) {
|
|
187
187
|
padding-bottom: var(--space-xxs-ynfts5, 4px);
|
|
188
188
|
}
|
|
189
|
-
section.
|
|
189
|
+
section.awsui_appbar_hyvsj_117n2_93 > .awsui_breadcrumbs_hyvsj_117n2_121.awsui_has-sticky-background_hyvsj_117n2_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_117n2_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_iwse1_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_117n2_93 > .awsui_appbar-nav_hyvsj_117n2_117:not(#\9),
|
|
211
|
+
section.awsui_appbar_hyvsj_117n2_93 > .awsui_appbar-tools_hyvsj_117n2_125:not(#\9),
|
|
212
|
+
section.awsui_appbar_hyvsj_117n2_93 > .awsui_drawers-mobile-triggers-container_hyvsj_117n2_126:not(#\9) {
|
|
213
213
|
display: block;
|
|
214
214
|
}
|
|
215
|
-
section.
|
|
215
|
+
section.awsui_appbar_hyvsj_117n2_93 > .awsui_breadcrumbs_hyvsj_117n2_121:not(#\9) {
|
|
216
216
|
padding: 0;
|
|
217
217
|
}
|
|
218
218
|
}
|
|
@@ -221,10 +221,10 @@ section.awsui_appbar_hyvsj_iwse1_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_117n2_224:not(#\9) {
|
|
225
225
|
display: contents;
|
|
226
226
|
}
|
|
227
|
-
div.
|
|
227
|
+
div.awsui_background_hyvsj_117n2_224 > .awsui_notifications-appbar-header_hyvsj_117n2_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_iwse1_224 > .awsui_notifications-appbar-header_hyvsj_
|
|
|
237
237
|
*/
|
|
238
238
|
}
|
|
239
239
|
@media (min-width: 689px) {
|
|
240
|
-
div.
|
|
240
|
+
div.awsui_background_hyvsj_117n2_224 > .awsui_notifications-appbar-header_hyvsj_117n2_227.awsui_has-sticky-background_hyvsj_117n2_189.awsui_has-notifications-content_hyvsj_117n2_175.awsui_sticky-notifications_hyvsj_117n2_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_117n2_224 > .awsui_overlap_hyvsj_117n2_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_iwse1_224 > .awsui_overlap_hyvsj_iwse1_246:not(#\9) {
|
|
|
256
256
|
*/
|
|
257
257
|
}
|
|
258
258
|
@media (min-width: 689px) {
|
|
259
|
-
div.
|
|
259
|
+
div.awsui_background_hyvsj_117n2_224 > .awsui_overlap_hyvsj_117n2_246.awsui_has-sticky-background_hyvsj_117n2_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,11 @@ div.awsui_background_hyvsj_iwse1_224 > .awsui_overlap_hyvsj_iwse1_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
|
-
|
|
270
|
+
/*
|
|
271
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
272
|
+
SPDX-License-Identifier: Apache-2.0
|
|
273
|
+
*/
|
|
274
|
+
.awsui_drawers-container_hyvsj_117n2_274:not(#\9) {
|
|
271
275
|
background-color: transparent;
|
|
272
276
|
display: flex;
|
|
273
277
|
grid-column: 5;
|
|
@@ -279,29 +283,29 @@ div.awsui_background_hyvsj_iwse1_224 > .awsui_overlap_hyvsj_iwse1_246:not(#\9) {
|
|
|
279
283
|
z-index: 830;
|
|
280
284
|
transition: background-color var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
281
285
|
}
|
|
282
|
-
.awsui_drawers-
|
|
286
|
+
.awsui_drawers-container_hyvsj_117n2_274.awsui_has-open-drawer_hyvsj_117n2_286:not(#\9) {
|
|
283
287
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
284
288
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
285
289
|
}
|
|
286
290
|
@media (prefers-reduced-motion: reduce) {
|
|
287
|
-
.awsui_drawers-
|
|
291
|
+
.awsui_drawers-container_hyvsj_117n2_274:not(#\9) {
|
|
288
292
|
animation: none;
|
|
289
293
|
transition: none;
|
|
290
294
|
}
|
|
291
295
|
}
|
|
292
|
-
.awsui-motion-disabled .awsui_drawers-
|
|
296
|
+
.awsui-motion-disabled .awsui_drawers-container_hyvsj_117n2_274:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_117n2_274:not(#\9) {
|
|
293
297
|
animation: none;
|
|
294
298
|
transition: none;
|
|
295
299
|
}
|
|
296
300
|
@media (min-width: 689px) {
|
|
297
|
-
.awsui_drawers-
|
|
301
|
+
.awsui_drawers-container_hyvsj_117n2_274:not(#\9) {
|
|
298
302
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
299
303
|
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
304
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
301
305
|
}
|
|
302
306
|
}
|
|
303
307
|
@media (max-width: 688px) {
|
|
304
|
-
.awsui_drawers-
|
|
308
|
+
.awsui_drawers-container_hyvsj_117n2_274:not(#\9) {
|
|
305
309
|
position: fixed;
|
|
306
310
|
right: 0;
|
|
307
311
|
z-index: 1001;
|
|
@@ -313,12 +317,12 @@ div.awsui_background_hyvsj_iwse1_224 > .awsui_overlap_hyvsj_iwse1_246:not(#\9) {
|
|
|
313
317
|
relative to the body.
|
|
314
318
|
*/
|
|
315
319
|
}
|
|
316
|
-
.awsui_drawers-
|
|
320
|
+
.awsui_drawers-container_hyvsj_117n2_274.awsui_disable-body-scroll_hyvsj_117n2_320:not(#\9) {
|
|
317
321
|
top: var(--awsui-header-height-3j0evk);
|
|
318
322
|
}
|
|
319
323
|
}
|
|
320
324
|
|
|
321
|
-
.awsui_drawers-desktop-triggers-
|
|
325
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_117n2_325:not(#\9) {
|
|
322
326
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
323
327
|
border-collapse: separate;
|
|
324
328
|
border-spacing: 0;
|
|
@@ -362,39 +366,39 @@ div.awsui_background_hyvsj_iwse1_224 > .awsui_overlap_hyvsj_iwse1_246:not(#\9) {
|
|
|
362
366
|
overflow-x: hidden;
|
|
363
367
|
overscroll-behavior-y: contain;
|
|
364
368
|
}
|
|
365
|
-
.awsui_drawers-desktop-triggers-
|
|
369
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_117n2_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_117n2_343).awsui_has-open-drawer_hyvsj_117n2_286 {
|
|
366
370
|
width: 0;
|
|
367
371
|
}
|
|
368
|
-
.awsui_drawers-desktop-triggers-
|
|
372
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_117n2_325.awsui_has-multiple-triggers_hyvsj_117n2_343.awsui_has-open-drawer_hyvsj_117n2_286:not(#\9) {
|
|
369
373
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
370
374
|
transition: background-color var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
371
375
|
}
|
|
372
376
|
@media (prefers-reduced-motion: reduce) {
|
|
373
|
-
.awsui_drawers-desktop-triggers-
|
|
377
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_117n2_325.awsui_has-multiple-triggers_hyvsj_117n2_343.awsui_has-open-drawer_hyvsj_117n2_286:not(#\9) {
|
|
374
378
|
animation: none;
|
|
375
379
|
transition: none;
|
|
376
380
|
}
|
|
377
381
|
}
|
|
378
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
382
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_117n2_325.awsui_has-multiple-triggers_hyvsj_117n2_343.awsui_has-open-drawer_hyvsj_117n2_286:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_117n2_325.awsui_has-multiple-triggers_hyvsj_117n2_343.awsui_has-open-drawer_hyvsj_117n2_286:not(#\9) {
|
|
379
383
|
animation: none;
|
|
380
384
|
transition: none;
|
|
381
385
|
}
|
|
382
|
-
.awsui_drawers-desktop-triggers-
|
|
386
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_117n2_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_117n2_343):not(.awsui_has-open-drawer_hyvsj_117n2_286) {
|
|
383
387
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
384
388
|
transition: width var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
385
389
|
}
|
|
386
390
|
@media (prefers-reduced-motion: reduce) {
|
|
387
|
-
.awsui_drawers-desktop-triggers-
|
|
391
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_117n2_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_117n2_343):not(.awsui_has-open-drawer_hyvsj_117n2_286) {
|
|
388
392
|
animation: none;
|
|
389
393
|
transition: none;
|
|
390
394
|
}
|
|
391
395
|
}
|
|
392
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
396
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_117n2_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_117n2_343):not(.awsui_has-open-drawer_hyvsj_117n2_286), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_117n2_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_117n2_343):not(.awsui_has-open-drawer_hyvsj_117n2_286) {
|
|
393
397
|
animation: none;
|
|
394
398
|
transition: none;
|
|
395
399
|
}
|
|
396
400
|
|
|
397
|
-
.awsui_drawers-trigger-
|
|
401
|
+
.awsui_drawers-trigger-content_hyvsj_117n2_375:not(#\9) {
|
|
398
402
|
align-items: center;
|
|
399
403
|
display: flex;
|
|
400
404
|
flex-direction: column;
|
|
@@ -402,26 +406,33 @@ div.awsui_background_hyvsj_iwse1_224 > .awsui_overlap_hyvsj_iwse1_246:not(#\9) {
|
|
|
402
406
|
padding-top: var(--space-scaled-s-cu1hzn, 12px);
|
|
403
407
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
404
408
|
}
|
|
405
|
-
.awsui_drawers-trigger-
|
|
409
|
+
.awsui_drawers-trigger-content_hyvsj_117n2_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_117n2_343).awsui_has-open-drawer_hyvsj_117n2_286 {
|
|
406
410
|
opacity: 0;
|
|
407
411
|
}
|
|
408
|
-
.awsui_drawers-trigger-
|
|
412
|
+
.awsui_drawers-trigger-content_hyvsj_117n2_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_117n2_343):not(.awsui_has-open-drawer_hyvsj_117n2_286) {
|
|
409
413
|
opacity: 1;
|
|
410
414
|
transition: opacity var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
411
415
|
transition-delay: calc(var(--motion-duration-refresh-only-fast-addxjd, 115ms) / 1.5);
|
|
412
416
|
}
|
|
413
417
|
@media (prefers-reduced-motion: reduce) {
|
|
414
|
-
.awsui_drawers-trigger-
|
|
418
|
+
.awsui_drawers-trigger-content_hyvsj_117n2_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_117n2_343):not(.awsui_has-open-drawer_hyvsj_117n2_286) {
|
|
415
419
|
animation: none;
|
|
416
420
|
transition: none;
|
|
417
421
|
}
|
|
418
422
|
}
|
|
419
|
-
.awsui-motion-disabled .awsui_drawers-trigger-
|
|
423
|
+
.awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_117n2_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_117n2_343):not(.awsui_has-open-drawer_hyvsj_117n2_286), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_117n2_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_117n2_343):not(.awsui_has-open-drawer_hyvsj_117n2_286) {
|
|
420
424
|
animation: none;
|
|
421
425
|
transition: none;
|
|
422
426
|
}
|
|
423
427
|
|
|
424
|
-
|
|
428
|
+
@media (max-width: 688px) {
|
|
429
|
+
.awsui_drawers-trigger_hyvsj_117n2_375:not(#\9) {
|
|
430
|
+
width: 40px;
|
|
431
|
+
text-align: right;
|
|
432
|
+
}
|
|
433
|
+
}
|
|
434
|
+
|
|
435
|
+
.awsui_drawer_hyvsj_117n2_126:not(#\9) {
|
|
425
436
|
--awsui-active-drawer-width-3j0evk: 290px;
|
|
426
437
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
427
438
|
border-color: transparent;
|
|
@@ -438,42 +449,42 @@ div.awsui_background_hyvsj_iwse1_224 > .awsui_overlap_hyvsj_iwse1_246:not(#\9) {
|
|
|
438
449
|
transition: var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
439
450
|
transition-property: border-color, opacity, width;
|
|
440
451
|
}
|
|
441
|
-
.
|
|
452
|
+
.awsui_drawer_hyvsj_117n2_126 > .awsui_drawer-close-button_hyvsj_117n2_426:not(#\9) {
|
|
442
453
|
grid-column: 2;
|
|
443
454
|
grid-row: 2;
|
|
444
455
|
z-index: 1;
|
|
445
456
|
}
|
|
446
|
-
.
|
|
457
|
+
.awsui_drawer_hyvsj_117n2_126 > .awsui_drawer-content_hyvsj_117n2_431:not(#\9) {
|
|
447
458
|
grid-column: 1/span 3;
|
|
448
459
|
grid-row: 1/span 3;
|
|
449
460
|
width: var(--awsui-active-drawer-width-3j0evk);
|
|
450
461
|
}
|
|
451
|
-
.
|
|
462
|
+
.awsui_drawer_hyvsj_117n2_126:not(#\9):not(.awsui_is-drawer-open_hyvsj_117n2_436) {
|
|
452
463
|
opacity: 0;
|
|
453
464
|
width: 0;
|
|
454
465
|
}
|
|
455
|
-
.
|
|
466
|
+
.awsui_drawer_hyvsj_117n2_126.awsui_is-drawer-open_hyvsj_117n2_436:not(#\9) {
|
|
456
467
|
border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
457
468
|
opacity: 1;
|
|
458
469
|
width: var(--awsui-active-drawer-width-3j0evk);
|
|
459
470
|
}
|
|
460
471
|
@media (prefers-reduced-motion: reduce) {
|
|
461
|
-
.
|
|
472
|
+
.awsui_drawer_hyvsj_117n2_126:not(#\9) {
|
|
462
473
|
animation: none;
|
|
463
474
|
transition: none;
|
|
464
475
|
}
|
|
465
476
|
}
|
|
466
|
-
.awsui-motion-disabled .
|
|
477
|
+
.awsui-motion-disabled .awsui_drawer_hyvsj_117n2_126:not(#\9), .awsui-mode-entering .awsui_drawer_hyvsj_117n2_126:not(#\9) {
|
|
467
478
|
animation: none;
|
|
468
479
|
transition: none;
|
|
469
480
|
}
|
|
470
481
|
@media (min-width: 2541px) {
|
|
471
|
-
.
|
|
482
|
+
.awsui_drawer_hyvsj_117n2_126.awsui_is-drawer-open_hyvsj_117n2_436:not(#\9) {
|
|
472
483
|
--awsui-active-drawer-width-3j0evk: 320px;
|
|
473
484
|
}
|
|
474
485
|
}
|
|
475
486
|
@media (max-width: 688px) {
|
|
476
|
-
.
|
|
487
|
+
.awsui_drawer_hyvsj_117n2_126.awsui_is-drawer-open_hyvsj_117n2_436:not(#\9) {
|
|
477
488
|
--awsui-active-drawer-width-3j0evk: 100vw;
|
|
478
489
|
}
|
|
479
490
|
}
|
|
@@ -482,13 +493,13 @@ div.awsui_background_hyvsj_iwse1_224 > .awsui_overlap_hyvsj_iwse1_246:not(#\9) {
|
|
|
482
493
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
483
494
|
SPDX-License-Identifier: Apache-2.0
|
|
484
495
|
*/
|
|
485
|
-
header.
|
|
496
|
+
header.awsui_content_hyvsj_117n2_182:not(#\9) {
|
|
486
497
|
grid-column: 3;
|
|
487
498
|
grid-row: 3;
|
|
488
499
|
padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
|
|
489
500
|
}
|
|
490
501
|
@media (min-width: 689px) {
|
|
491
|
-
header.
|
|
502
|
+
header.awsui_content_hyvsj_117n2_182:not(#\9) {
|
|
492
503
|
/*
|
|
493
504
|
If Notifications exist and Breadcrumbs do not then Notifications
|
|
494
505
|
is the previous adjacent sibling to the Header. Add minimal top padding
|
|
@@ -506,33 +517,29 @@ header.awsui_content_hyvsj_iwse1_182:not(#\9) {
|
|
|
506
517
|
circular buttons.
|
|
507
518
|
*/
|
|
508
519
|
}
|
|
509
|
-
header.
|
|
520
|
+
header.awsui_content_hyvsj_117n2_182.awsui_has-notifications-content_hyvsj_117n2_175:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_117n2_167) {
|
|
510
521
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
511
522
|
}
|
|
512
|
-
header.
|
|
523
|
+
header.awsui_content_hyvsj_117n2_182.awsui_has-breadcrumbs_hyvsj_117n2_167:not(#\9) {
|
|
513
524
|
padding-top: var(--space-xxs-ynfts5, 4px);
|
|
514
525
|
}
|
|
515
|
-
header.
|
|
526
|
+
header.awsui_content_hyvsj_117n2_182:not(#\9):not(.awsui_has-notifications-content_hyvsj_117n2_175):not(.awsui_has-breadcrumbs_hyvsj_117n2_167) {
|
|
516
527
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
517
528
|
}
|
|
518
529
|
}
|
|
519
530
|
@media (max-width: 688px) {
|
|
520
|
-
header.
|
|
531
|
+
header.awsui_content_hyvsj_117n2_182:not(#\9) {
|
|
521
532
|
padding: var(--space-m-17eucw, 16px) 0 var(--space-content-header-padding-bottom-nvqytg, 24px);
|
|
522
533
|
/*
|
|
523
534
|
Breadcrumbs has moved to first position and sticky so Notifications
|
|
524
535
|
are now the previous adjacent sibling if they exist.
|
|
525
536
|
*/
|
|
526
537
|
}
|
|
527
|
-
header.
|
|
538
|
+
header.awsui_content_hyvsj_117n2_182.awsui_has-notifications-content_hyvsj_117n2_175:not(#\9) {
|
|
528
539
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
529
540
|
}
|
|
530
541
|
}
|
|
531
542
|
|
|
532
|
-
/*
|
|
533
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
534
|
-
SPDX-License-Identifier: Apache-2.0
|
|
535
|
-
*/
|
|
536
543
|
/*
|
|
537
544
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
538
545
|
SPDX-License-Identifier: Apache-2.0
|
|
@@ -550,7 +557,7 @@ header.awsui_content_hyvsj_iwse1_182:not(#\9) {
|
|
|
550
557
|
circumstances regardless of whether the minContentWidth property is
|
|
551
558
|
explicitly set in script.
|
|
552
559
|
*/
|
|
553
|
-
.
|
|
560
|
+
.awsui_layout_hyvsj_117n2_534:not(#\9) {
|
|
554
561
|
--awsui-content-gap-left-3j0evk: 0px;
|
|
555
562
|
--awsui-content-gap-right-3j0evk: 0px;
|
|
556
563
|
--awsui-content-height-3j0evk: calc(100vh - var(--awsui-header-height-3j0evk) - var(--awsui-footer-height-3j0evk));
|
|
@@ -633,90 +640,90 @@ header.awsui_content_hyvsj_iwse1_182:not(#\9) {
|
|
|
633
640
|
*/
|
|
634
641
|
}
|
|
635
642
|
@media (min-width: 1401px) {
|
|
636
|
-
.
|
|
643
|
+
.awsui_layout_hyvsj_117n2_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_117n2_617) {
|
|
637
644
|
--awsui-default-max-content-width-3j0evk: 1280px;
|
|
638
645
|
}
|
|
639
646
|
}
|
|
640
647
|
@media (min-width: 1921px) {
|
|
641
|
-
.
|
|
648
|
+
.awsui_layout_hyvsj_117n2_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_117n2_617) {
|
|
642
649
|
--awsui-default-max-content-width-3j0evk: 1440px;
|
|
643
650
|
}
|
|
644
651
|
}
|
|
645
652
|
@media (min-width: 2541px) {
|
|
646
|
-
.
|
|
653
|
+
.awsui_layout_hyvsj_117n2_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_117n2_617) {
|
|
647
654
|
--awsui-default-max-content-width-3j0evk: 1620px;
|
|
648
655
|
}
|
|
649
656
|
}
|
|
650
657
|
@media (min-width: 1401px) {
|
|
651
|
-
.
|
|
658
|
+
.awsui_layout_hyvsj_117n2_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_117n2_617).awsui_content-type-dashboard_hyvsj_117n2_632 {
|
|
652
659
|
--awsui-default-max-content-width-3j0evk: 1280px;
|
|
653
660
|
}
|
|
654
661
|
}
|
|
655
662
|
@media (min-width: 1921px) {
|
|
656
|
-
.
|
|
663
|
+
.awsui_layout_hyvsj_117n2_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_117n2_617).awsui_content-type-dashboard_hyvsj_117n2_632 {
|
|
657
664
|
--awsui-default-max-content-width-3j0evk: 1620px;
|
|
658
665
|
}
|
|
659
666
|
}
|
|
660
667
|
@media (min-width: 2541px) {
|
|
661
|
-
.
|
|
668
|
+
.awsui_layout_hyvsj_117n2_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_117n2_617).awsui_content-type-dashboard_hyvsj_117n2_632 {
|
|
662
669
|
--awsui-default-max-content-width-3j0evk: 2160px;
|
|
663
670
|
}
|
|
664
671
|
}
|
|
665
|
-
.
|
|
672
|
+
.awsui_layout_hyvsj_117n2_534.awsui_has-max-content-width_hyvsj_117n2_617:not(#\9) {
|
|
666
673
|
--awsui-default-max-content-width-3j0evk: var(--awsui-max-content-width-3j0evk);
|
|
667
674
|
}
|
|
668
675
|
@media (min-width: 993px) {
|
|
669
|
-
.
|
|
676
|
+
.awsui_layout_hyvsj_117n2_534:not(#\9) {
|
|
670
677
|
--awsui-default-min-content-width-3j0evk: var(--awsui-min-content-width-3j0evk, 280px);
|
|
671
678
|
}
|
|
672
679
|
}
|
|
673
680
|
@media (max-width: 992px) {
|
|
674
|
-
.
|
|
681
|
+
.awsui_layout_hyvsj_117n2_534:not(#\9) {
|
|
675
682
|
--awsui-default-min-content-width-3j0evk: 0px;
|
|
676
683
|
}
|
|
677
684
|
}
|
|
678
|
-
.
|
|
685
|
+
.awsui_layout_hyvsj_117n2_534.awsui_is-overlap-disabled_hyvsj_117n2_659:not(#\9) {
|
|
679
686
|
--awsui-overlap-height-3j0evk: 0;
|
|
680
687
|
}
|
|
681
|
-
.
|
|
688
|
+
.awsui_layout_hyvsj_117n2_534:not(#\9):not(.awsui_disable-body-scroll_hyvsj_117n2_320) {
|
|
682
689
|
--awsui-offset-top-3j0evk: var(--awsui-header-height-3j0evk);
|
|
683
690
|
min-height: var(--awsui-content-height-3j0evk);
|
|
684
691
|
}
|
|
685
|
-
.
|
|
692
|
+
.awsui_layout_hyvsj_117n2_534:not(#\9):not(.awsui_disable-body-scroll_hyvsj_117n2_320):not(.awsui_has-sticky-notifications_hyvsj_117n2_666) {
|
|
686
693
|
--awsui-offset-top-with-notifications-3j0evk: var(--awsui-header-height-3j0evk);
|
|
687
694
|
}
|
|
688
|
-
.
|
|
695
|
+
.awsui_layout_hyvsj_117n2_534:not(#\9):not(.awsui_disable-body-scroll_hyvsj_117n2_320).awsui_has-sticky-notifications_hyvsj_117n2_666 {
|
|
689
696
|
--awsui-offset-top-with-notifications-3j0evk: calc(
|
|
690
697
|
var(--awsui-header-height-3j0evk) + var(--awsui-notifications-height-3j0evk) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
|
|
691
698
|
);
|
|
692
699
|
}
|
|
693
|
-
.
|
|
700
|
+
.awsui_layout_hyvsj_117n2_534.awsui_disable-body-scroll_hyvsj_117n2_320:not(#\9) {
|
|
694
701
|
--awsui-offset-top-3j0evk: 0px;
|
|
695
702
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-3j0evk) 1fr auto;
|
|
696
703
|
height: var(--awsui-content-height-3j0evk);
|
|
697
704
|
overflow-y: scroll;
|
|
698
705
|
}
|
|
699
|
-
.
|
|
706
|
+
.awsui_layout_hyvsj_117n2_534.awsui_disable-body-scroll_hyvsj_117n2_320.awsui_has-split-panel_hyvsj_117n2_680.awsui_split-panel-position-bottom_hyvsj_117n2_680:not(#\9) {
|
|
700
707
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-3j0evk) repeat(2, auto);
|
|
701
708
|
}
|
|
702
|
-
.
|
|
709
|
+
.awsui_layout_hyvsj_117n2_534.awsui_disable-body-scroll_hyvsj_117n2_320:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_117n2_666) {
|
|
703
710
|
--awsui-offset-top-with-notifications-3j0evk: 0px;
|
|
704
711
|
}
|
|
705
|
-
.
|
|
712
|
+
.awsui_layout_hyvsj_117n2_534.awsui_disable-body-scroll_hyvsj_117n2_320.awsui_has-sticky-notifications_hyvsj_117n2_666:not(#\9) {
|
|
706
713
|
--awsui-offset-top-with-notifications-3j0evk: calc(
|
|
707
714
|
var(--awsui-notifications-height-3j0evk) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
|
|
708
715
|
);
|
|
709
716
|
}
|
|
710
717
|
@media (min-width: 689px) {
|
|
711
|
-
.
|
|
718
|
+
.awsui_layout_hyvsj_117n2_534.awsui_has-content-gap-left_hyvsj_117n2_692:not(#\9) {
|
|
712
719
|
--awsui-content-gap-left-3j0evk: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
713
720
|
}
|
|
714
|
-
.
|
|
721
|
+
.awsui_layout_hyvsj_117n2_534.awsui_has-content-gap-right_hyvsj_117n2_695:not(#\9) {
|
|
715
722
|
--awsui-content-gap-right-3j0evk: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
716
723
|
}
|
|
717
724
|
}
|
|
718
725
|
@media (max-width: 688px) {
|
|
719
|
-
.
|
|
726
|
+
.awsui_layout_hyvsj_117n2_534:not(#\9) {
|
|
720
727
|
--awsui-content-gap-left-3j0evk: var(--space-l-4vl6xu, 20px);
|
|
721
728
|
--awsui-content-gap-right-3j0evk: var(--space-l-4vl6xu, 20px);
|
|
722
729
|
}
|
|
@@ -726,7 +733,7 @@ header.awsui_content_hyvsj_iwse1_182:not(#\9) {
|
|
|
726
733
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
727
734
|
when the navigation or tools drawers are open in responsive viewports.
|
|
728
735
|
*/
|
|
729
|
-
.awsui_block-body-
|
|
736
|
+
.awsui_block-body-scroll_hyvsj_117n2_710:not(#\9) {
|
|
730
737
|
overflow: hidden;
|
|
731
738
|
}
|
|
732
739
|
|
|
@@ -734,7 +741,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
734
741
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
735
742
|
SPDX-License-Identifier: Apache-2.0
|
|
736
743
|
*/
|
|
737
|
-
.
|
|
744
|
+
.awsui_container_hyvsj_117n2_718:not(#\9) {
|
|
738
745
|
grid-column: 3;
|
|
739
746
|
grid-row: 4/span 2;
|
|
740
747
|
padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
|
|
@@ -757,23 +764,23 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
757
764
|
under various circumstances.
|
|
758
765
|
*/
|
|
759
766
|
}
|
|
760
|
-
.
|
|
767
|
+
.awsui_container_hyvsj_117n2_718.awsui_has-split-panel_hyvsj_117n2_680.awsui_split-panel-position-bottom_hyvsj_117n2_680:not(#\9) {
|
|
761
768
|
padding-bottom: calc(var(--awsui-split-panel-height-3j0evk) + var(--space-layout-content-bottom-kg9l42, 40px));
|
|
762
769
|
}
|
|
763
|
-
.
|
|
770
|
+
.awsui_container_hyvsj_117n2_718.awsui_disable-content-paddings_hyvsj_117n2_744:not(#\9) {
|
|
764
771
|
grid-column: 1/6;
|
|
765
772
|
padding: 0;
|
|
766
773
|
}
|
|
767
774
|
@media (min-width: 689px) {
|
|
768
|
-
.
|
|
775
|
+
.awsui_container_hyvsj_117n2_718.awsui_disable-content-paddings_hyvsj_117n2_744.awsui_is-navigation-open_hyvsj_117n2_749:not(#\9) {
|
|
769
776
|
grid-column-start: 2;
|
|
770
777
|
}
|
|
771
|
-
.
|
|
778
|
+
.awsui_container_hyvsj_117n2_718.awsui_disable-content-paddings_hyvsj_117n2_744.awsui_is-tools-open_hyvsj_117n2_752:not(#\9), .awsui_container_hyvsj_117n2_718.awsui_disable-content-paddings_hyvsj_117n2_744.awsui_is-split-panel-open_hyvsj_117n2_752.awsui_split-panel-position-side_hyvsj_117n2_752:not(#\9) {
|
|
772
779
|
grid-column-end: 5;
|
|
773
780
|
}
|
|
774
781
|
}
|
|
775
782
|
@media (min-width: 689px) {
|
|
776
|
-
.
|
|
783
|
+
.awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744) {
|
|
777
784
|
/*
|
|
778
785
|
Notifications is the previous adjacent sibling to the Main in
|
|
779
786
|
desktop viewports if there are no Breadcrumbs or Header. Use additional
|
|
@@ -788,18 +795,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
788
795
|
sibling to the Main which requires no top padding.
|
|
789
796
|
*/
|
|
790
797
|
}
|
|
791
|
-
.
|
|
798
|
+
.awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744).awsui_content-type-default_hyvsj_117n2_772.awsui_has-notifications-content_hyvsj_117n2_175:not(.awsui_has-breadcrumbs_hyvsj_117n2_167):not(.awsui_has-header_hyvsj_117n2_181):not(.awsui_has-dynamic-overlap-height_hyvsj_117n2_181), .awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744).awsui_content-type-form_hyvsj_117n2_772.awsui_has-notifications-content_hyvsj_117n2_175:not(.awsui_has-breadcrumbs_hyvsj_117n2_167):not(.awsui_has-header_hyvsj_117n2_181):not(.awsui_has-dynamic-overlap-height_hyvsj_117n2_181) {
|
|
792
799
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
793
800
|
}
|
|
794
|
-
.
|
|
801
|
+
.awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744).awsui_content-type-default_hyvsj_117n2_772:not(.awsui_has-notifications-content_hyvsj_117n2_175):not(.awsui_has-breadcrumbs_hyvsj_117n2_167):not(.awsui_has-header_hyvsj_117n2_181):not(.awsui_has-dynamic-overlap-height_hyvsj_117n2_181), .awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744).awsui_content-type-form_hyvsj_117n2_772:not(.awsui_has-notifications-content_hyvsj_117n2_175):not(.awsui_has-breadcrumbs_hyvsj_117n2_167):not(.awsui_has-header_hyvsj_117n2_181):not(.awsui_has-dynamic-overlap-height_hyvsj_117n2_181) {
|
|
795
802
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
796
803
|
}
|
|
797
|
-
.
|
|
804
|
+
.awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744).awsui_has-header_hyvsj_117n2_181, .awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744).awsui_has-dynamic-overlap-height_hyvsj_117n2_181 {
|
|
798
805
|
padding-top: 0;
|
|
799
806
|
}
|
|
800
807
|
}
|
|
801
808
|
@media (max-width: 688px) {
|
|
802
|
-
.
|
|
809
|
+
.awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744) {
|
|
803
810
|
/*
|
|
804
811
|
If the Notifications exist but the Header does not then the
|
|
805
812
|
Notifications is the previous adjacent sibling to the Main
|
|
@@ -814,23 +821,23 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
814
821
|
sibling to the Main which requires no top padding.
|
|
815
822
|
*/
|
|
816
823
|
}
|
|
817
|
-
.
|
|
824
|
+
.awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744).awsui_content-type-default_hyvsj_117n2_772.awsui_has-notifications-content_hyvsj_117n2_175:not(.awsui_has-header_hyvsj_117n2_181):not(.awsui_has-dynamic-overlap-height_hyvsj_117n2_181), .awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744).awsui_content-type-form_hyvsj_117n2_772.awsui_has-notifications-content_hyvsj_117n2_175:not(.awsui_has-header_hyvsj_117n2_181):not(.awsui_has-dynamic-overlap-height_hyvsj_117n2_181) {
|
|
818
825
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
819
826
|
}
|
|
820
|
-
.
|
|
827
|
+
.awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744).awsui_content-type-default_hyvsj_117n2_772:not(.awsui_has-notifications-content_hyvsj_117n2_175):not(.awsui_has-header_hyvsj_117n2_181):not(.awsui_has-dynamic-overlap-height_hyvsj_117n2_181), .awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744).awsui_content-type-form_hyvsj_117n2_772:not(.awsui_has-notifications-content_hyvsj_117n2_175):not(.awsui_has-header_hyvsj_117n2_181):not(.awsui_has-dynamic-overlap-height_hyvsj_117n2_181) {
|
|
821
828
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
822
829
|
}
|
|
823
|
-
.
|
|
830
|
+
.awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744).awsui_has-header_hyvsj_117n2_181, .awsui_container_hyvsj_117n2_718:not(#\9):not(.awsui_disable-content-paddings_hyvsj_117n2_744).awsui_has-dynamic-overlap-height_hyvsj_117n2_181 {
|
|
824
831
|
padding-top: 0;
|
|
825
832
|
}
|
|
826
833
|
}
|
|
827
|
-
.
|
|
834
|
+
.awsui_container_hyvsj_117n2_718.awsui_content-type-cards_hyvsj_117n2_185:not(#\9), .awsui_container_hyvsj_117n2_718.awsui_content-type-table_hyvsj_117n2_186:not(#\9), .awsui_container_hyvsj_117n2_718.awsui_content-type-wizard_hyvsj_117n2_182:not(#\9) {
|
|
828
835
|
padding-top: 0;
|
|
829
836
|
}
|
|
830
837
|
|
|
831
838
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
832
|
-
.
|
|
833
|
-
.
|
|
839
|
+
.awsui_unfocusable_hyvsj_117n2_813:not(#\9),
|
|
840
|
+
.awsui_unfocusable_hyvsj_117n2_813 *:not(#\9) {
|
|
834
841
|
visibility: hidden !important;
|
|
835
842
|
}
|
|
836
843
|
|
|
@@ -839,7 +846,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
839
846
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
840
847
|
SPDX-License-Identifier: Apache-2.0
|
|
841
848
|
*/
|
|
842
|
-
.awsui_navigation-
|
|
849
|
+
.awsui_navigation-container_hyvsj_117n2_823:not(#\9) {
|
|
843
850
|
--awsui-navigation-width-3j0evk: 280px;
|
|
844
851
|
display: flex;
|
|
845
852
|
grid-column: 1;
|
|
@@ -861,12 +868,12 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
861
868
|
pointer-events: none;
|
|
862
869
|
}
|
|
863
870
|
@media (min-width: 2541px) {
|
|
864
|
-
.awsui_navigation-
|
|
871
|
+
.awsui_navigation-container_hyvsj_117n2_823:not(#\9) {
|
|
865
872
|
--awsui-navigation-width-3j0evk: 320px;
|
|
866
873
|
}
|
|
867
874
|
}
|
|
868
875
|
@media (max-width: 688px) {
|
|
869
|
-
.awsui_navigation-
|
|
876
|
+
.awsui_navigation-container_hyvsj_117n2_823:not(#\9) {
|
|
870
877
|
left: 0;
|
|
871
878
|
position: fixed;
|
|
872
879
|
z-index: 1001;
|
|
@@ -878,19 +885,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
878
885
|
relative to the body.
|
|
879
886
|
*/
|
|
880
887
|
}
|
|
881
|
-
.awsui_navigation-
|
|
888
|
+
.awsui_navigation-container_hyvsj_117n2_823.awsui_disable-body-scroll_hyvsj_117n2_320:not(#\9) {
|
|
882
889
|
top: var(--awsui-header-height-3j0evk);
|
|
883
890
|
}
|
|
884
891
|
}
|
|
885
892
|
|
|
886
|
-
nav.awsui_show-
|
|
893
|
+
nav.awsui_show-navigation_hyvsj_117n2_867:not(#\9) {
|
|
887
894
|
padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
|
|
888
895
|
/*
|
|
889
896
|
Apply the animation only in desktop viewports because the AppBar will
|
|
890
897
|
take control in responsive viewports.
|
|
891
898
|
*/
|
|
892
899
|
}
|
|
893
|
-
@keyframes
|
|
900
|
+
@keyframes awsui_showButtons_hyvsj_117n2_1 {
|
|
894
901
|
0% {
|
|
895
902
|
opacity: 0;
|
|
896
903
|
}
|
|
@@ -898,31 +905,31 @@ nav.awsui_show-navigation_hyvsj_iwse1_860:not(#\9) {
|
|
|
898
905
|
opacity: 1;
|
|
899
906
|
}
|
|
900
907
|
}
|
|
901
|
-
nav.awsui_show-
|
|
908
|
+
nav.awsui_show-navigation_hyvsj_117n2_867.awsui_is-navigation-open_hyvsj_117n2_749:not(#\9) {
|
|
902
909
|
display: none;
|
|
903
910
|
}
|
|
904
911
|
@media (min-width: 689px) {
|
|
905
|
-
nav.awsui_show-
|
|
912
|
+
nav.awsui_show-navigation_hyvsj_117n2_867:not(#\9):not(.awsui_is-navigation-open_hyvsj_117n2_749) {
|
|
906
913
|
display: block;
|
|
907
914
|
}
|
|
908
|
-
nav.awsui_show-
|
|
909
|
-
animation:
|
|
915
|
+
nav.awsui_show-navigation_hyvsj_117n2_867:not(#\9):not(.awsui_is-navigation-open_hyvsj_117n2_749).awsui_animating_hyvsj_117n2_889 {
|
|
916
|
+
animation: awsui_showButtons_hyvsj_117n2_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
910
917
|
}
|
|
911
918
|
}
|
|
912
919
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
913
|
-
nav.awsui_show-
|
|
920
|
+
nav.awsui_show-navigation_hyvsj_117n2_867:not(#\9):not(.awsui_is-navigation-open_hyvsj_117n2_749).awsui_animating_hyvsj_117n2_889 {
|
|
914
921
|
animation: none;
|
|
915
922
|
transition: none;
|
|
916
923
|
}
|
|
917
924
|
}
|
|
918
925
|
@media (min-width: 689px) {
|
|
919
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
926
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_117n2_867:not(#\9):not(.awsui_is-navigation-open_hyvsj_117n2_749).awsui_animating_hyvsj_117n2_889, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_117n2_867:not(#\9):not(.awsui_is-navigation-open_hyvsj_117n2_749).awsui_animating_hyvsj_117n2_889 {
|
|
920
927
|
animation: none;
|
|
921
928
|
transition: none;
|
|
922
929
|
}
|
|
923
930
|
}
|
|
924
931
|
|
|
925
|
-
nav.
|
|
932
|
+
nav.awsui_navigation_hyvsj_117n2_823:not(#\9) {
|
|
926
933
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
927
934
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
928
935
|
bottom: 0;
|
|
@@ -939,7 +946,7 @@ nav.awsui_navigation_hyvsj_iwse1_816:not(#\9) {
|
|
|
939
946
|
prevent unwanted text wrapping.
|
|
940
947
|
*/
|
|
941
948
|
}
|
|
942
|
-
@keyframes
|
|
949
|
+
@keyframes awsui_openNavigation_hyvsj_117n2_1 {
|
|
943
950
|
from {
|
|
944
951
|
opacity: 0;
|
|
945
952
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
@@ -949,33 +956,33 @@ nav.awsui_navigation_hyvsj_iwse1_816:not(#\9) {
|
|
|
949
956
|
width: var(--awsui-navigation-width-3j0evk);
|
|
950
957
|
}
|
|
951
958
|
}
|
|
952
|
-
nav.
|
|
959
|
+
nav.awsui_navigation_hyvsj_117n2_823:not(#\9):not(.awsui_is-navigation-open_hyvsj_117n2_749) {
|
|
953
960
|
width: 0;
|
|
954
961
|
display: none;
|
|
955
962
|
}
|
|
956
|
-
nav.
|
|
957
|
-
animation:
|
|
963
|
+
nav.awsui_navigation_hyvsj_117n2_823.awsui_is-navigation-open_hyvsj_117n2_749.awsui_animating_hyvsj_117n2_889:not(#\9) {
|
|
964
|
+
animation: awsui_openNavigation_hyvsj_117n2_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
958
965
|
}
|
|
959
966
|
@media (prefers-reduced-motion: reduce) {
|
|
960
|
-
nav.
|
|
967
|
+
nav.awsui_navigation_hyvsj_117n2_823.awsui_is-navigation-open_hyvsj_117n2_749.awsui_animating_hyvsj_117n2_889:not(#\9) {
|
|
961
968
|
animation: none;
|
|
962
969
|
transition: none;
|
|
963
970
|
}
|
|
964
971
|
}
|
|
965
|
-
.awsui-motion-disabled nav.
|
|
972
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_117n2_823.awsui_is-navigation-open_hyvsj_117n2_749.awsui_animating_hyvsj_117n2_889:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_117n2_823.awsui_is-navigation-open_hyvsj_117n2_749.awsui_animating_hyvsj_117n2_889:not(#\9) {
|
|
966
973
|
animation: none;
|
|
967
974
|
transition: none;
|
|
968
975
|
}
|
|
969
|
-
nav.
|
|
976
|
+
nav.awsui_navigation_hyvsj_117n2_823 > .awsui_animated-content_hyvsj_117n2_950:not(#\9) {
|
|
970
977
|
width: var(--awsui-navigation-width-3j0evk);
|
|
971
978
|
}
|
|
972
979
|
@media (max-width: 688px) {
|
|
973
|
-
nav.
|
|
980
|
+
nav.awsui_navigation_hyvsj_117n2_823:not(#\9) {
|
|
974
981
|
--awsui-navigation-width-3j0evk: 100vw;
|
|
975
982
|
}
|
|
976
983
|
}
|
|
977
984
|
|
|
978
|
-
.awsui_hide-
|
|
985
|
+
.awsui_hide-navigation_hyvsj_117n2_959:not(#\9) {
|
|
979
986
|
position: absolute;
|
|
980
987
|
right: var(--space-m-17eucw, 16px);
|
|
981
988
|
top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
|
|
@@ -985,7 +992,7 @@ nav.awsui_navigation_hyvsj_iwse1_816 > .awsui_animated-content_hyvsj_iwse1_943:n
|
|
|
985
992
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
986
993
|
SPDX-License-Identifier: Apache-2.0
|
|
987
994
|
*/
|
|
988
|
-
.
|
|
995
|
+
.awsui_notifications_hyvsj_117n2_227:not(#\9) {
|
|
989
996
|
grid-column: 3;
|
|
990
997
|
grid-row: 1;
|
|
991
998
|
z-index: 850;
|
|
@@ -1003,31 +1010,31 @@ nav.awsui_navigation_hyvsj_iwse1_816 > .awsui_animated-content_hyvsj_iwse1_943:n
|
|
|
1003
1010
|
*/
|
|
1004
1011
|
}
|
|
1005
1012
|
@media (min-width: 689px) {
|
|
1006
|
-
.
|
|
1013
|
+
.awsui_notifications_hyvsj_117n2_227:not(#\9) {
|
|
1007
1014
|
margin: var(--space-xs-rsr2qu, 8px) 0;
|
|
1008
1015
|
/*
|
|
1009
1016
|
var(--space-xs-rsr2qu, 8px) token needs to align with the $offsetTopWithNotifications
|
|
1010
1017
|
calculation in the layout CSS.
|
|
1011
1018
|
*/
|
|
1012
1019
|
}
|
|
1013
|
-
.
|
|
1020
|
+
.awsui_notifications_hyvsj_117n2_227.awsui_sticky-notifications_hyvsj_117n2_240:not(#\9) {
|
|
1014
1021
|
position: sticky;
|
|
1015
1022
|
top: calc(var(--awsui-offset-top-3j0evk) + var(--space-xs-rsr2qu, 8px));
|
|
1016
1023
|
--awsui-flashbar-sticky-bottom-margin-3j0evk: var(--space-xxl-2nvmf1, 32px);
|
|
1017
1024
|
}
|
|
1018
|
-
.
|
|
1025
|
+
.awsui_notifications_hyvsj_117n2_227:not(#\9):not(.awsui_has-notifications-content_hyvsj_117n2_175) {
|
|
1019
1026
|
margin: 0;
|
|
1020
1027
|
}
|
|
1021
1028
|
}
|
|
1022
1029
|
@media (max-width: 688px) {
|
|
1023
|
-
.
|
|
1030
|
+
.awsui_notifications_hyvsj_117n2_227:not(#\9) {
|
|
1024
1031
|
grid-row: 2;
|
|
1025
1032
|
margin: var(--space-scaled-s-cu1hzn, 12px) 0;
|
|
1026
1033
|
}
|
|
1027
|
-
.
|
|
1034
|
+
.awsui_notifications_hyvsj_117n2_227.awsui_sticky-notifications_hyvsj_117n2_240:not(#\9) {
|
|
1028
1035
|
position: static;
|
|
1029
1036
|
}
|
|
1030
|
-
.
|
|
1037
|
+
.awsui_notifications_hyvsj_117n2_227:not(#\9):not(.awsui_has-notifications-content_hyvsj_117n2_175) {
|
|
1031
1038
|
margin: 0;
|
|
1032
1039
|
}
|
|
1033
1040
|
}
|
|
@@ -1042,7 +1049,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
1042
1049
|
consume the remaining vertical space in the grid after the notifications
|
|
1043
1050
|
and breadcrumbs.
|
|
1044
1051
|
*/
|
|
1045
|
-
section.awsui_split-panel-
|
|
1052
|
+
section.awsui_split-panel-bottom_hyvsj_117n2_1026:not(#\9) {
|
|
1046
1053
|
/*
|
|
1047
1054
|
The align self property will position the split panel at the bottom of the grid row.
|
|
1048
1055
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -1077,7 +1084,7 @@ section.awsui_split-panel-bottom_hyvsj_iwse1_1019:not(#\9) {
|
|
|
1077
1084
|
apply the animation to the height property.
|
|
1078
1085
|
*/
|
|
1079
1086
|
}
|
|
1080
|
-
@keyframes
|
|
1087
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_117n2_1 {
|
|
1081
1088
|
from {
|
|
1082
1089
|
height: var(--awsui-split-panel-reported-header-size-3j0evk, 0);
|
|
1083
1090
|
}
|
|
@@ -1085,39 +1092,39 @@ section.awsui_split-panel-bottom_hyvsj_iwse1_1019:not(#\9) {
|
|
|
1085
1092
|
height: var(--awsui-split-panel-reported-size-3j0evk);
|
|
1086
1093
|
}
|
|
1087
1094
|
}
|
|
1088
|
-
section.awsui_split-panel-
|
|
1095
|
+
section.awsui_split-panel-bottom_hyvsj_117n2_1026.awsui_disable-body-scroll_hyvsj_117n2_320:not(#\9) {
|
|
1089
1096
|
bottom: 0;
|
|
1090
1097
|
}
|
|
1091
|
-
section.awsui_split-panel-
|
|
1098
|
+
section.awsui_split-panel-bottom_hyvsj_117n2_1026.awsui_is-navigation-open_hyvsj_117n2_749.awsui_position-bottom_hyvsj_117n2_1072:not(#\9) {
|
|
1092
1099
|
grid-column-start: 2;
|
|
1093
1100
|
}
|
|
1094
|
-
section.awsui_split-panel-
|
|
1101
|
+
section.awsui_split-panel-bottom_hyvsj_117n2_1026.awsui_has-open-drawer_hyvsj_117n2_286.awsui_position-bottom_hyvsj_117n2_1072:not(#\9) {
|
|
1095
1102
|
grid-column-end: 5;
|
|
1096
1103
|
}
|
|
1097
|
-
section.awsui_split-panel-
|
|
1104
|
+
section.awsui_split-panel-bottom_hyvsj_117n2_1026.awsui_position-bottom_hyvsj_117n2_1072:not(#\9) {
|
|
1098
1105
|
display: block;
|
|
1099
1106
|
}
|
|
1100
|
-
section.awsui_split-panel-
|
|
1107
|
+
section.awsui_split-panel-bottom_hyvsj_117n2_1026:not(#\9):not(.awsui_is-split-panel-open_hyvsj_117n2_752).awsui_position-bottom_hyvsj_117n2_1072 {
|
|
1101
1108
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
1102
1109
|
}
|
|
1103
|
-
section.awsui_split-panel-
|
|
1110
|
+
section.awsui_split-panel-bottom_hyvsj_117n2_1026.awsui_is-split-panel-open_hyvsj_117n2_752.awsui_position-bottom_hyvsj_117n2_1072:not(#\9) {
|
|
1104
1111
|
box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
1105
1112
|
}
|
|
1106
|
-
section.awsui_split-panel-
|
|
1107
|
-
animation:
|
|
1113
|
+
section.awsui_split-panel-bottom_hyvsj_117n2_1026.awsui_is-split-panel-open_hyvsj_117n2_752.awsui_position-bottom_hyvsj_117n2_1072.awsui_animating_hyvsj_117n2_889:not(#\9) {
|
|
1114
|
+
animation: awsui_openSplitPanelBottom_hyvsj_117n2_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1108
1115
|
}
|
|
1109
1116
|
@media (prefers-reduced-motion: reduce) {
|
|
1110
|
-
section.awsui_split-panel-
|
|
1117
|
+
section.awsui_split-panel-bottom_hyvsj_117n2_1026.awsui_is-split-panel-open_hyvsj_117n2_752.awsui_position-bottom_hyvsj_117n2_1072.awsui_animating_hyvsj_117n2_889:not(#\9) {
|
|
1111
1118
|
animation: none;
|
|
1112
1119
|
transition: none;
|
|
1113
1120
|
}
|
|
1114
1121
|
}
|
|
1115
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
1122
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_117n2_1026.awsui_is-split-panel-open_hyvsj_117n2_752.awsui_position-bottom_hyvsj_117n2_1072.awsui_animating_hyvsj_117n2_889:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_117n2_1026.awsui_is-split-panel-open_hyvsj_117n2_752.awsui_position-bottom_hyvsj_117n2_1072.awsui_animating_hyvsj_117n2_889:not(#\9) {
|
|
1116
1123
|
animation: none;
|
|
1117
1124
|
transition: none;
|
|
1118
1125
|
}
|
|
1119
1126
|
|
|
1120
|
-
section.awsui_split-panel-
|
|
1127
|
+
section.awsui_split-panel-side_hyvsj_117n2_1101:not(#\9) {
|
|
1121
1128
|
height: 100%;
|
|
1122
1129
|
overflow-x: hidden;
|
|
1123
1130
|
pointer-events: auto;
|
|
@@ -1132,7 +1139,7 @@ section.awsui_split-panel-side_hyvsj_iwse1_1094:not(#\9) {
|
|
|
1132
1139
|
prevent unwanted text wrapping.
|
|
1133
1140
|
*/
|
|
1134
1141
|
}
|
|
1135
|
-
@keyframes
|
|
1142
|
+
@keyframes awsui_openSplitPanelSide_hyvsj_117n2_1 {
|
|
1136
1143
|
from {
|
|
1137
1144
|
opacity: 0;
|
|
1138
1145
|
width: var(--awsui-split-panel-min-width-3j0evk, 280px);
|
|
@@ -1142,28 +1149,28 @@ section.awsui_split-panel-side_hyvsj_iwse1_1094:not(#\9) {
|
|
|
1142
1149
|
width: var(--awsui-split-panel-reported-size-3j0evk);
|
|
1143
1150
|
}
|
|
1144
1151
|
}
|
|
1145
|
-
section.awsui_split-panel-
|
|
1152
|
+
section.awsui_split-panel-side_hyvsj_117n2_1101:not(#\9):not(.awsui_is-split-panel-open_hyvsj_117n2_752), section.awsui_split-panel-side_hyvsj_117n2_1101.awsui_position-bottom_hyvsj_117n2_1072:not(#\9) {
|
|
1146
1153
|
width: 0;
|
|
1147
1154
|
}
|
|
1148
|
-
section.awsui_split-panel-
|
|
1155
|
+
section.awsui_split-panel-side_hyvsj_117n2_1101.awsui_is-split-panel-open_hyvsj_117n2_752.awsui_position-side_hyvsj_117n2_1129:not(#\9) {
|
|
1149
1156
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1150
1157
|
max-width: var(--awsui-split-panel-max-width-3j0evk, 280px);
|
|
1151
1158
|
min-width: var(--awsui-split-panel-min-width-3j0evk, 280px);
|
|
1152
1159
|
}
|
|
1153
|
-
section.awsui_split-panel-
|
|
1154
|
-
animation:
|
|
1160
|
+
section.awsui_split-panel-side_hyvsj_117n2_1101.awsui_is-split-panel-open_hyvsj_117n2_752.awsui_position-side_hyvsj_117n2_1129.awsui_animating_hyvsj_117n2_889:not(#\9) {
|
|
1161
|
+
animation: awsui_openSplitPanelSide_hyvsj_117n2_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1155
1162
|
}
|
|
1156
1163
|
@media (prefers-reduced-motion: reduce) {
|
|
1157
|
-
section.awsui_split-panel-
|
|
1164
|
+
section.awsui_split-panel-side_hyvsj_117n2_1101.awsui_is-split-panel-open_hyvsj_117n2_752.awsui_position-side_hyvsj_117n2_1129.awsui_animating_hyvsj_117n2_889:not(#\9) {
|
|
1158
1165
|
animation: none;
|
|
1159
1166
|
transition: none;
|
|
1160
1167
|
}
|
|
1161
1168
|
}
|
|
1162
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
1169
|
+
.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_117n2_1101.awsui_is-split-panel-open_hyvsj_117n2_752.awsui_position-side_hyvsj_117n2_1129.awsui_animating_hyvsj_117n2_889:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_117n2_1101.awsui_is-split-panel-open_hyvsj_117n2_752.awsui_position-side_hyvsj_117n2_1129.awsui_animating_hyvsj_117n2_889:not(#\9) {
|
|
1163
1170
|
animation: none;
|
|
1164
1171
|
transition: none;
|
|
1165
1172
|
}
|
|
1166
|
-
section.awsui_split-panel-
|
|
1173
|
+
section.awsui_split-panel-side_hyvsj_117n2_1101 > .awsui_animated-content_hyvsj_117n2_950:not(#\9) {
|
|
1167
1174
|
height: 100%;
|
|
1168
1175
|
max-width: inherit;
|
|
1169
1176
|
width: var(--awsui-split-panel-reported-size-3j0evk);
|
|
@@ -1182,7 +1189,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
1182
1189
|
property. The content gap right is computed in the Layout styles based on the
|
|
1183
1190
|
viewport size and state of the Tools drawer.
|
|
1184
1191
|
*/
|
|
1185
|
-
.awsui_tools-
|
|
1192
|
+
.awsui_tools-container_hyvsj_117n2_1166:not(#\9) {
|
|
1186
1193
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
1187
1194
|
--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));
|
|
1188
1195
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -1198,12 +1205,12 @@ viewport size and state of the Tools drawer.
|
|
|
1198
1205
|
pointer-events: none;
|
|
1199
1206
|
}
|
|
1200
1207
|
@media (min-width: 2541px) {
|
|
1201
|
-
.awsui_tools-
|
|
1208
|
+
.awsui_tools-container_hyvsj_117n2_1166:not(#\9) {
|
|
1202
1209
|
--awsui-tools-width-3j0evk: 360px;
|
|
1203
1210
|
}
|
|
1204
1211
|
}
|
|
1205
1212
|
@media (max-width: 688px) {
|
|
1206
|
-
.awsui_tools-
|
|
1213
|
+
.awsui_tools-container_hyvsj_117n2_1166:not(#\9) {
|
|
1207
1214
|
--awsui-tools-max-width-3j0evk: none;
|
|
1208
1215
|
--awsui-tools-width-3j0evk: auto;
|
|
1209
1216
|
position: fixed;
|
|
@@ -1217,12 +1224,12 @@ viewport size and state of the Tools drawer.
|
|
|
1217
1224
|
relative to the body.
|
|
1218
1225
|
*/
|
|
1219
1226
|
}
|
|
1220
|
-
.awsui_tools-
|
|
1227
|
+
.awsui_tools-container_hyvsj_117n2_1166.awsui_disable-body-scroll_hyvsj_117n2_320:not(#\9) {
|
|
1221
1228
|
top: var(--awsui-header-height-3j0evk);
|
|
1222
1229
|
}
|
|
1223
1230
|
}
|
|
1224
1231
|
|
|
1225
|
-
.
|
|
1232
|
+
.awsui_tools_hyvsj_117n2_1166:not(#\9) {
|
|
1226
1233
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
1227
1234
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1228
1235
|
flex-shrink: 0;
|
|
@@ -1245,7 +1252,7 @@ viewport size and state of the Tools drawer.
|
|
|
1245
1252
|
in the side position.
|
|
1246
1253
|
*/
|
|
1247
1254
|
}
|
|
1248
|
-
@keyframes
|
|
1255
|
+
@keyframes awsui_openTools_hyvsj_117n2_1 {
|
|
1249
1256
|
from {
|
|
1250
1257
|
opacity: var(--awsui-tools-animation-starting-opacity-3j0evk, 0);
|
|
1251
1258
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
@@ -1255,38 +1262,38 @@ viewport size and state of the Tools drawer.
|
|
|
1255
1262
|
width: var(--awsui-tools-width-3j0evk);
|
|
1256
1263
|
}
|
|
1257
1264
|
}
|
|
1258
|
-
.
|
|
1265
|
+
.awsui_tools_hyvsj_117n2_1166:not(#\9):not(.awsui_is-tools-open_hyvsj_117n2_752) {
|
|
1259
1266
|
width: 0;
|
|
1260
1267
|
display: none;
|
|
1261
1268
|
}
|
|
1262
|
-
.
|
|
1263
|
-
animation:
|
|
1269
|
+
.awsui_tools_hyvsj_117n2_1166.awsui_is-tools-open_hyvsj_117n2_752.awsui_animating_hyvsj_117n2_889:not(#\9) {
|
|
1270
|
+
animation: awsui_openTools_hyvsj_117n2_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1264
1271
|
}
|
|
1265
1272
|
@media (prefers-reduced-motion: reduce) {
|
|
1266
|
-
.
|
|
1273
|
+
.awsui_tools_hyvsj_117n2_1166.awsui_is-tools-open_hyvsj_117n2_752.awsui_animating_hyvsj_117n2_889:not(#\9) {
|
|
1267
1274
|
animation: none;
|
|
1268
1275
|
transition: none;
|
|
1269
1276
|
}
|
|
1270
1277
|
}
|
|
1271
|
-
.awsui-motion-disabled .
|
|
1278
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_117n2_1166.awsui_is-tools-open_hyvsj_117n2_752.awsui_animating_hyvsj_117n2_889:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_117n2_1166.awsui_is-tools-open_hyvsj_117n2_752.awsui_animating_hyvsj_117n2_889:not(#\9) {
|
|
1272
1279
|
animation: none;
|
|
1273
1280
|
transition: none;
|
|
1274
1281
|
}
|
|
1275
|
-
.
|
|
1282
|
+
.awsui_tools_hyvsj_117n2_1166 > .awsui_animated-content_hyvsj_117n2_950:not(#\9) {
|
|
1276
1283
|
width: var(--awsui-tools-width-3j0evk);
|
|
1277
1284
|
}
|
|
1278
1285
|
@media (min-width: 689px) {
|
|
1279
|
-
.
|
|
1286
|
+
.awsui_tools_hyvsj_117n2_1166.awsui_is-tools-open_hyvsj_117n2_752.awsui_has-tools-form-persistence_hyvsj_117n2_1260:not(#\9) {
|
|
1280
1287
|
border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
1281
1288
|
}
|
|
1282
1289
|
}
|
|
1283
1290
|
@media (max-width: 688px) {
|
|
1284
|
-
.
|
|
1291
|
+
.awsui_tools_hyvsj_117n2_1166:not(#\9) {
|
|
1285
1292
|
--awsui-tools-width-3j0evk: 100vw;
|
|
1286
1293
|
}
|
|
1287
1294
|
}
|
|
1288
1295
|
|
|
1289
|
-
.awsui_hide-
|
|
1296
|
+
.awsui_hide-tools_hyvsj_117n2_1270:not(#\9) {
|
|
1290
1297
|
position: absolute;
|
|
1291
1298
|
right: var(--space-m-17eucw, 16px);
|
|
1292
1299
|
top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
|
|
@@ -1298,7 +1305,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1298
1305
|
the calculation used to determine the Split Panel maximum width in the
|
|
1299
1306
|
handleSplitPanelMaxWidth function in the context.
|
|
1300
1307
|
*/
|
|
1301
|
-
.awsui_show-
|
|
1308
|
+
.awsui_show-tools_hyvsj_117n2_1282:not(#\9) {
|
|
1302
1309
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1303
1310
|
border-collapse: separate;
|
|
1304
1311
|
border-spacing: 0;
|
|
@@ -1342,7 +1349,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1342
1349
|
take control in responsive viewports.
|
|
1343
1350
|
*/
|
|
1344
1351
|
}
|
|
1345
|
-
@keyframes
|
|
1352
|
+
@keyframes awsui_showButtons_hyvsj_117n2_1 {
|
|
1346
1353
|
0% {
|
|
1347
1354
|
opacity: 0;
|
|
1348
1355
|
}
|
|
@@ -1350,33 +1357,33 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1350
1357
|
opacity: 1;
|
|
1351
1358
|
}
|
|
1352
1359
|
}
|
|
1353
|
-
.awsui_show-
|
|
1360
|
+
.awsui_show-tools_hyvsj_117n2_1282:not(#\9):not(.awsui_has-tools-form_hyvsj_117n2_1260) {
|
|
1354
1361
|
display: none;
|
|
1355
1362
|
}
|
|
1356
1363
|
@media (min-width: 689px) {
|
|
1357
|
-
.awsui_show-
|
|
1364
|
+
.awsui_show-tools_hyvsj_117n2_1282.awsui_has-tools-form_hyvsj_117n2_1260:not(#\9) {
|
|
1358
1365
|
display: flex;
|
|
1359
1366
|
flex-direction: column;
|
|
1360
1367
|
gap: var(--space-xs-rsr2qu, 8px);
|
|
1361
1368
|
}
|
|
1362
|
-
.awsui_show-
|
|
1363
|
-
animation:
|
|
1369
|
+
.awsui_show-tools_hyvsj_117n2_1282.awsui_has-tools-form_hyvsj_117n2_1260.awsui_animating_hyvsj_117n2_889:not(#\9) {
|
|
1370
|
+
animation: awsui_showButtons_hyvsj_117n2_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1364
1371
|
}
|
|
1365
1372
|
}
|
|
1366
1373
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1367
|
-
.awsui_show-
|
|
1374
|
+
.awsui_show-tools_hyvsj_117n2_1282.awsui_has-tools-form_hyvsj_117n2_1260.awsui_animating_hyvsj_117n2_889:not(#\9) {
|
|
1368
1375
|
animation: none;
|
|
1369
1376
|
transition: none;
|
|
1370
1377
|
}
|
|
1371
1378
|
}
|
|
1372
1379
|
@media (min-width: 689px) {
|
|
1373
|
-
.awsui-motion-disabled .awsui_show-
|
|
1380
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_117n2_1282.awsui_has-tools-form_hyvsj_117n2_1260.awsui_animating_hyvsj_117n2_889:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_117n2_1282.awsui_has-tools-form_hyvsj_117n2_1260.awsui_animating_hyvsj_117n2_889:not(#\9) {
|
|
1374
1381
|
animation: none;
|
|
1375
1382
|
transition: none;
|
|
1376
1383
|
}
|
|
1377
1384
|
}
|
|
1378
1385
|
@media (min-width: 689px) {
|
|
1379
|
-
.awsui_show-
|
|
1386
|
+
.awsui_show-tools_hyvsj_117n2_1282.awsui_has-tools-form-persistence_hyvsj_117n2_1260:not(#\9) {
|
|
1380
1387
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
1381
1388
|
z-index: 1;
|
|
1382
1389
|
}
|
|
@@ -1391,7 +1398,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1391
1398
|
the calculation used to determine the Split Panel maximum width in the
|
|
1392
1399
|
handleSplitPanelMaxWidth function in the context.
|
|
1393
1400
|
*/
|
|
1394
|
-
.
|
|
1401
|
+
.awsui_trigger_hyvsj_117n2_1349:not(#\9) {
|
|
1395
1402
|
background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
|
|
1396
1403
|
border: none;
|
|
1397
1404
|
border-radius: 50%;
|
|
@@ -1403,14 +1410,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1403
1410
|
width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
|
|
1404
1411
|
pointer-events: auto;
|
|
1405
1412
|
}
|
|
1406
|
-
body[data-awsui-focus-visible=true] .
|
|
1413
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_117n2_1349:not(#\9):focus {
|
|
1407
1414
|
position: relative;
|
|
1408
1415
|
}
|
|
1409
|
-
body[data-awsui-focus-visible=true] .
|
|
1416
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_117n2_1349:not(#\9):focus {
|
|
1410
1417
|
outline: 2px dotted transparent;
|
|
1411
1418
|
outline-offset: calc(3px - 1px);
|
|
1412
1419
|
}
|
|
1413
|
-
body[data-awsui-focus-visible=true] .
|
|
1420
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_117n2_1349:not(#\9):focus::before {
|
|
1414
1421
|
content: " ";
|
|
1415
1422
|
display: block;
|
|
1416
1423
|
position: absolute;
|
|
@@ -1421,23 +1428,23 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_iwse1_1342:not(#\9):foc
|
|
|
1421
1428
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
1422
1429
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
1423
1430
|
}
|
|
1424
|
-
.
|
|
1431
|
+
.awsui_trigger_hyvsj_117n2_1349:not(#\9):focus {
|
|
1425
1432
|
outline: none;
|
|
1426
1433
|
}
|
|
1427
|
-
.
|
|
1434
|
+
.awsui_trigger_hyvsj_117n2_1349:not(#\9):hover {
|
|
1428
1435
|
background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
|
|
1429
1436
|
}
|
|
1430
|
-
.
|
|
1437
|
+
.awsui_trigger_hyvsj_117n2_1349:not(#\9):active {
|
|
1431
1438
|
background: var(--color-background-layout-toggle-active-d15dki, #354150);
|
|
1432
1439
|
}
|
|
1433
|
-
.
|
|
1440
|
+
.awsui_trigger_hyvsj_117n2_1349.awsui_selected_hyvsj_117n2_1388:not(#\9) {
|
|
1434
1441
|
background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
|
|
1435
1442
|
color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
|
|
1436
1443
|
}
|
|
1437
|
-
.
|
|
1444
|
+
.awsui_trigger_hyvsj_117n2_1349.awsui_selected_hyvsj_117n2_1388:not(#\9):hover {
|
|
1438
1445
|
background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
|
|
1439
1446
|
}
|
|
1440
|
-
.
|
|
1447
|
+
.awsui_trigger_hyvsj_117n2_1349.awsui_selected_hyvsj_117n2_1388:not(#\9):active {
|
|
1441
1448
|
background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
|
|
1442
1449
|
}
|
|
1443
1450
|
|