@cloudscape-design/components 3.0.257 → 3.0.258
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/styles.css.js +71 -71
- package/app-layout/visual-refresh/styles.scoped.css +183 -182
- package/app-layout/visual-refresh/styles.selectors.js +71 -71
- package/internal/environment.js +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/table/body-cell/styles.css.js +18 -18
- package/table/body-cell/styles.scoped.css +70 -70
- package/table/body-cell/styles.selectors.js +18 -18
|
@@ -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_1xn3c_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_nghum_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_1xn3c_93 > .awsui_appbar-nav_hyvsj_1xn3c_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_1xn3c_93 > .awsui_breadcrumbs_hyvsj_1xn3c_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_1xn3c_93 > .awsui_appbar-tools_hyvsj_1xn3c_125:not(#\9),
|
|
126
|
+
section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_drawers-mobile-triggers-container_hyvsj_1xn3c_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_1xn3c_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_nghum_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_1xn3c_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1xn3c_167) {
|
|
168
168
|
display: none;
|
|
169
169
|
}
|
|
170
|
-
section.
|
|
171
|
-
section.
|
|
172
|
-
section.
|
|
170
|
+
section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_appbar-nav_hyvsj_1xn3c_117:not(#\9),
|
|
171
|
+
section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_appbar-tools_hyvsj_1xn3c_125:not(#\9),
|
|
172
|
+
section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_drawers-mobile-triggers-container_hyvsj_1xn3c_126:not(#\9) {
|
|
173
173
|
display: none;
|
|
174
174
|
}
|
|
175
|
-
section.
|
|
175
|
+
section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_breadcrumbs_hyvsj_1xn3c_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_1xn3c_175) {
|
|
176
176
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
177
177
|
}
|
|
178
|
-
section.
|
|
178
|
+
section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_breadcrumbs_hyvsj_1xn3c_121.awsui_has-notifications-content_hyvsj_1xn3c_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_1xn3c_93 > .awsui_breadcrumbs_hyvsj_1xn3c_121:not(#\9):not(.awsui_has-header_hyvsj_1xn3c_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1xn3c_181),
|
|
182
|
+
section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_breadcrumbs_hyvsj_1xn3c_121:not(#\9):not(.awsui_has-header_hyvsj_1xn3c_181).awsui_content-type-wizard_hyvsj_1xn3c_182 {
|
|
183
183
|
padding-bottom: var(--space-m-17eucw, 16px);
|
|
184
184
|
}
|
|
185
|
-
section.
|
|
186
|
-
section.
|
|
185
|
+
section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_breadcrumbs_hyvsj_1xn3c_121.awsui_content-type-cards_hyvsj_1xn3c_185:not(#\9),
|
|
186
|
+
section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_breadcrumbs_hyvsj_1xn3c_121.awsui_content-type-table_hyvsj_1xn3c_186:not(#\9) {
|
|
187
187
|
padding-bottom: var(--space-xxs-ynfts5, 4px);
|
|
188
188
|
}
|
|
189
|
-
section.
|
|
189
|
+
section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_breadcrumbs_hyvsj_1xn3c_121.awsui_has-sticky-background_hyvsj_1xn3c_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_1xn3c_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_nghum_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_1xn3c_93 > .awsui_appbar-nav_hyvsj_1xn3c_117:not(#\9),
|
|
211
|
+
section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_appbar-tools_hyvsj_1xn3c_125:not(#\9),
|
|
212
|
+
section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_drawers-mobile-triggers-container_hyvsj_1xn3c_126:not(#\9) {
|
|
213
213
|
display: block;
|
|
214
214
|
}
|
|
215
|
-
section.
|
|
215
|
+
section.awsui_appbar_hyvsj_1xn3c_93 > .awsui_breadcrumbs_hyvsj_1xn3c_121:not(#\9) {
|
|
216
216
|
padding: 0;
|
|
217
217
|
}
|
|
218
218
|
}
|
|
@@ -221,10 +221,10 @@ section.awsui_appbar_hyvsj_nghum_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_1xn3c_224:not(#\9) {
|
|
225
225
|
display: contents;
|
|
226
226
|
}
|
|
227
|
-
div.
|
|
227
|
+
div.awsui_background_hyvsj_1xn3c_224 > .awsui_notifications-appbar-header_hyvsj_1xn3c_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_nghum_224 > .awsui_notifications-appbar-header_hyvsj_
|
|
|
237
237
|
*/
|
|
238
238
|
}
|
|
239
239
|
@media (min-width: 689px) {
|
|
240
|
-
div.
|
|
240
|
+
div.awsui_background_hyvsj_1xn3c_224 > .awsui_notifications-appbar-header_hyvsj_1xn3c_227.awsui_has-sticky-background_hyvsj_1xn3c_189.awsui_has-notifications-content_hyvsj_1xn3c_175.awsui_sticky-notifications_hyvsj_1xn3c_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_1xn3c_224 > .awsui_overlap_hyvsj_1xn3c_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_nghum_224 > .awsui_overlap_hyvsj_nghum_246:not(#\9) {
|
|
|
256
256
|
*/
|
|
257
257
|
}
|
|
258
258
|
@media (min-width: 689px) {
|
|
259
|
-
div.
|
|
259
|
+
div.awsui_background_hyvsj_1xn3c_224 > .awsui_overlap_hyvsj_1xn3c_246.awsui_has-sticky-background_hyvsj_1xn3c_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_nghum_224 > .awsui_overlap_hyvsj_nghum_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_1xn3c_270:not(#\9) {
|
|
271
271
|
background-color: transparent;
|
|
272
272
|
display: flex;
|
|
273
273
|
grid-column: 5;
|
|
@@ -279,29 +279,29 @@ div.awsui_background_hyvsj_nghum_224 > .awsui_overlap_hyvsj_nghum_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_1xn3c_270.awsui_has-open-drawer_hyvsj_1xn3c_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_1xn3c_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_1xn3c_270:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_1xn3c_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_1xn3c_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_1xn3c_270:not(#\9) {
|
|
305
305
|
position: fixed;
|
|
306
306
|
right: 0;
|
|
307
307
|
top: var(--awsui-offset-top-3j0evk);
|
|
@@ -309,7 +309,7 @@ div.awsui_background_hyvsj_nghum_224 > .awsui_overlap_hyvsj_nghum_246:not(#\9) {
|
|
|
309
309
|
}
|
|
310
310
|
}
|
|
311
311
|
|
|
312
|
-
.awsui_drawers-desktop-triggers-
|
|
312
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1xn3c_312:not(#\9) {
|
|
313
313
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
314
314
|
border-collapse: separate;
|
|
315
315
|
border-spacing: 0;
|
|
@@ -353,39 +353,39 @@ div.awsui_background_hyvsj_nghum_224 > .awsui_overlap_hyvsj_nghum_246:not(#\9) {
|
|
|
353
353
|
overflow-x: hidden;
|
|
354
354
|
overscroll-behavior-y: contain;
|
|
355
355
|
}
|
|
356
|
-
.awsui_drawers-desktop-triggers-
|
|
356
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1xn3c_312:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1xn3c_330).awsui_has-open-drawer_hyvsj_1xn3c_282 {
|
|
357
357
|
width: 0;
|
|
358
358
|
}
|
|
359
|
-
.awsui_drawers-desktop-triggers-
|
|
359
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1xn3c_312.awsui_has-multiple-triggers_hyvsj_1xn3c_330.awsui_has-open-drawer_hyvsj_1xn3c_282:not(#\9) {
|
|
360
360
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
361
361
|
transition: background-color var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
362
362
|
}
|
|
363
363
|
@media (prefers-reduced-motion: reduce) {
|
|
364
|
-
.awsui_drawers-desktop-triggers-
|
|
364
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1xn3c_312.awsui_has-multiple-triggers_hyvsj_1xn3c_330.awsui_has-open-drawer_hyvsj_1xn3c_282:not(#\9) {
|
|
365
365
|
animation: none;
|
|
366
366
|
transition: none;
|
|
367
367
|
}
|
|
368
368
|
}
|
|
369
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
369
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_1xn3c_312.awsui_has-multiple-triggers_hyvsj_1xn3c_330.awsui_has-open-drawer_hyvsj_1xn3c_282:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_1xn3c_312.awsui_has-multiple-triggers_hyvsj_1xn3c_330.awsui_has-open-drawer_hyvsj_1xn3c_282:not(#\9) {
|
|
370
370
|
animation: none;
|
|
371
371
|
transition: none;
|
|
372
372
|
}
|
|
373
|
-
.awsui_drawers-desktop-triggers-
|
|
373
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1xn3c_312:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1xn3c_330):not(.awsui_has-open-drawer_hyvsj_1xn3c_282) {
|
|
374
374
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
375
375
|
transition: width var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
376
376
|
}
|
|
377
377
|
@media (prefers-reduced-motion: reduce) {
|
|
378
|
-
.awsui_drawers-desktop-triggers-
|
|
378
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1xn3c_312:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1xn3c_330):not(.awsui_has-open-drawer_hyvsj_1xn3c_282) {
|
|
379
379
|
animation: none;
|
|
380
380
|
transition: none;
|
|
381
381
|
}
|
|
382
382
|
}
|
|
383
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
383
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_1xn3c_312:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1xn3c_330):not(.awsui_has-open-drawer_hyvsj_1xn3c_282), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_1xn3c_312:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1xn3c_330):not(.awsui_has-open-drawer_hyvsj_1xn3c_282) {
|
|
384
384
|
animation: none;
|
|
385
385
|
transition: none;
|
|
386
386
|
}
|
|
387
387
|
|
|
388
|
-
.awsui_drawers-trigger-
|
|
388
|
+
.awsui_drawers-trigger-content_hyvsj_1xn3c_362:not(#\9) {
|
|
389
389
|
align-items: center;
|
|
390
390
|
display: flex;
|
|
391
391
|
flex-direction: column;
|
|
@@ -393,26 +393,26 @@ div.awsui_background_hyvsj_nghum_224 > .awsui_overlap_hyvsj_nghum_246:not(#\9) {
|
|
|
393
393
|
padding-top: var(--space-scaled-s-cu1hzn, 12px);
|
|
394
394
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
395
395
|
}
|
|
396
|
-
.awsui_drawers-trigger-
|
|
396
|
+
.awsui_drawers-trigger-content_hyvsj_1xn3c_362:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1xn3c_330).awsui_has-open-drawer_hyvsj_1xn3c_282 {
|
|
397
397
|
opacity: 0;
|
|
398
398
|
}
|
|
399
|
-
.awsui_drawers-trigger-
|
|
399
|
+
.awsui_drawers-trigger-content_hyvsj_1xn3c_362:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1xn3c_330):not(.awsui_has-open-drawer_hyvsj_1xn3c_282) {
|
|
400
400
|
opacity: 1;
|
|
401
401
|
transition: opacity var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
402
402
|
transition-delay: calc(var(--motion-duration-refresh-only-fast-addxjd, 115ms) / 1.5);
|
|
403
403
|
}
|
|
404
404
|
@media (prefers-reduced-motion: reduce) {
|
|
405
|
-
.awsui_drawers-trigger-
|
|
405
|
+
.awsui_drawers-trigger-content_hyvsj_1xn3c_362:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1xn3c_330):not(.awsui_has-open-drawer_hyvsj_1xn3c_282) {
|
|
406
406
|
animation: none;
|
|
407
407
|
transition: none;
|
|
408
408
|
}
|
|
409
409
|
}
|
|
410
|
-
.awsui-motion-disabled .awsui_drawers-trigger-
|
|
410
|
+
.awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_1xn3c_362:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1xn3c_330):not(.awsui_has-open-drawer_hyvsj_1xn3c_282), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_1xn3c_362:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1xn3c_330):not(.awsui_has-open-drawer_hyvsj_1xn3c_282) {
|
|
411
411
|
animation: none;
|
|
412
412
|
transition: none;
|
|
413
413
|
}
|
|
414
414
|
|
|
415
|
-
.
|
|
415
|
+
.awsui_drawer_hyvsj_1xn3c_126:not(#\9) {
|
|
416
416
|
--awsui-active-drawer-width-3j0evk: 290px;
|
|
417
417
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
418
418
|
border-color: transparent;
|
|
@@ -429,41 +429,42 @@ div.awsui_background_hyvsj_nghum_224 > .awsui_overlap_hyvsj_nghum_246:not(#\9) {
|
|
|
429
429
|
transition: var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
430
430
|
transition-property: border-color, opacity, width;
|
|
431
431
|
}
|
|
432
|
-
.
|
|
432
|
+
.awsui_drawer_hyvsj_1xn3c_126 > .awsui_drawer-close-button_hyvsj_1xn3c_406:not(#\9) {
|
|
433
433
|
grid-column: 2;
|
|
434
434
|
grid-row: 2;
|
|
435
|
+
z-index: 1;
|
|
435
436
|
}
|
|
436
|
-
.
|
|
437
|
+
.awsui_drawer_hyvsj_1xn3c_126 > .awsui_drawer-content_hyvsj_1xn3c_411:not(#\9) {
|
|
437
438
|
grid-column: 1/span 3;
|
|
438
439
|
grid-row: 1/span 3;
|
|
439
440
|
width: var(--awsui-active-drawer-width-3j0evk);
|
|
440
441
|
}
|
|
441
|
-
.
|
|
442
|
+
.awsui_drawer_hyvsj_1xn3c_126:not(#\9):not(.awsui_is-drawer-open_hyvsj_1xn3c_416) {
|
|
442
443
|
opacity: 0;
|
|
443
444
|
width: 0;
|
|
444
445
|
}
|
|
445
|
-
.
|
|
446
|
+
.awsui_drawer_hyvsj_1xn3c_126.awsui_is-drawer-open_hyvsj_1xn3c_416:not(#\9) {
|
|
446
447
|
border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
447
448
|
opacity: 1;
|
|
448
449
|
width: var(--awsui-active-drawer-width-3j0evk);
|
|
449
450
|
}
|
|
450
451
|
@media (prefers-reduced-motion: reduce) {
|
|
451
|
-
.
|
|
452
|
+
.awsui_drawer_hyvsj_1xn3c_126:not(#\9) {
|
|
452
453
|
animation: none;
|
|
453
454
|
transition: none;
|
|
454
455
|
}
|
|
455
456
|
}
|
|
456
|
-
.awsui-motion-disabled .
|
|
457
|
+
.awsui-motion-disabled .awsui_drawer_hyvsj_1xn3c_126:not(#\9), .awsui-mode-entering .awsui_drawer_hyvsj_1xn3c_126:not(#\9) {
|
|
457
458
|
animation: none;
|
|
458
459
|
transition: none;
|
|
459
460
|
}
|
|
460
461
|
@media (min-width: 2541px) {
|
|
461
|
-
.
|
|
462
|
+
.awsui_drawer_hyvsj_1xn3c_126.awsui_is-drawer-open_hyvsj_1xn3c_416:not(#\9) {
|
|
462
463
|
--awsui-active-drawer-width-3j0evk: 320px;
|
|
463
464
|
}
|
|
464
465
|
}
|
|
465
466
|
@media (max-width: 688px) {
|
|
466
|
-
.
|
|
467
|
+
.awsui_drawer_hyvsj_1xn3c_126.awsui_is-drawer-open_hyvsj_1xn3c_416:not(#\9) {
|
|
467
468
|
--awsui-active-drawer-width-3j0evk: 100vw;
|
|
468
469
|
}
|
|
469
470
|
}
|
|
@@ -472,13 +473,13 @@ div.awsui_background_hyvsj_nghum_224 > .awsui_overlap_hyvsj_nghum_246:not(#\9) {
|
|
|
472
473
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
473
474
|
SPDX-License-Identifier: Apache-2.0
|
|
474
475
|
*/
|
|
475
|
-
header.
|
|
476
|
+
header.awsui_content_hyvsj_1xn3c_182:not(#\9) {
|
|
476
477
|
grid-column: 3;
|
|
477
478
|
grid-row: 3;
|
|
478
479
|
padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
|
|
479
480
|
}
|
|
480
481
|
@media (min-width: 689px) {
|
|
481
|
-
header.
|
|
482
|
+
header.awsui_content_hyvsj_1xn3c_182:not(#\9) {
|
|
482
483
|
/*
|
|
483
484
|
If Notifications exist and Breadcrumbs do not then Notifications
|
|
484
485
|
is the previous adjacent sibling to the Header. Add minimal top padding
|
|
@@ -496,25 +497,25 @@ header.awsui_content_hyvsj_nghum_182:not(#\9) {
|
|
|
496
497
|
circular buttons.
|
|
497
498
|
*/
|
|
498
499
|
}
|
|
499
|
-
header.
|
|
500
|
+
header.awsui_content_hyvsj_1xn3c_182.awsui_has-notifications-content_hyvsj_1xn3c_175:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1xn3c_167) {
|
|
500
501
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
501
502
|
}
|
|
502
|
-
header.
|
|
503
|
+
header.awsui_content_hyvsj_1xn3c_182.awsui_has-breadcrumbs_hyvsj_1xn3c_167:not(#\9) {
|
|
503
504
|
padding-top: var(--space-xxs-ynfts5, 4px);
|
|
504
505
|
}
|
|
505
|
-
header.
|
|
506
|
+
header.awsui_content_hyvsj_1xn3c_182:not(#\9):not(.awsui_has-notifications-content_hyvsj_1xn3c_175):not(.awsui_has-breadcrumbs_hyvsj_1xn3c_167) {
|
|
506
507
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
507
508
|
}
|
|
508
509
|
}
|
|
509
510
|
@media (max-width: 688px) {
|
|
510
|
-
header.
|
|
511
|
+
header.awsui_content_hyvsj_1xn3c_182:not(#\9) {
|
|
511
512
|
padding: var(--space-m-17eucw, 16px) 0 var(--space-content-header-padding-bottom-nvqytg, 24px);
|
|
512
513
|
/*
|
|
513
514
|
Breadcrumbs has moved to first position and sticky so Notifications
|
|
514
515
|
are now the previous adjacent sibling if they exist.
|
|
515
516
|
*/
|
|
516
517
|
}
|
|
517
|
-
header.
|
|
518
|
+
header.awsui_content_hyvsj_1xn3c_182.awsui_has-notifications-content_hyvsj_1xn3c_175:not(#\9) {
|
|
518
519
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
519
520
|
}
|
|
520
521
|
}
|
|
@@ -540,7 +541,7 @@ header.awsui_content_hyvsj_nghum_182:not(#\9) {
|
|
|
540
541
|
circumstances regardless of whether the minContentWidth property is
|
|
541
542
|
explicitly set in script.
|
|
542
543
|
*/
|
|
543
|
-
.
|
|
544
|
+
.awsui_layout_hyvsj_1xn3c_518:not(#\9) {
|
|
544
545
|
--awsui-content-gap-left-3j0evk: 0px;
|
|
545
546
|
--awsui-content-gap-right-3j0evk: 0px;
|
|
546
547
|
--awsui-content-height-3j0evk: calc(100vh - var(--awsui-header-height-3j0evk) - var(--awsui-footer-height-3j0evk));
|
|
@@ -623,90 +624,90 @@ header.awsui_content_hyvsj_nghum_182:not(#\9) {
|
|
|
623
624
|
*/
|
|
624
625
|
}
|
|
625
626
|
@media (min-width: 1401px) {
|
|
626
|
-
.
|
|
627
|
+
.awsui_layout_hyvsj_1xn3c_518:not(#\9):not(.awsui_has-max-content-width_hyvsj_1xn3c_601) {
|
|
627
628
|
--awsui-default-max-content-width-3j0evk: 1280px;
|
|
628
629
|
}
|
|
629
630
|
}
|
|
630
631
|
@media (min-width: 1921px) {
|
|
631
|
-
.
|
|
632
|
+
.awsui_layout_hyvsj_1xn3c_518:not(#\9):not(.awsui_has-max-content-width_hyvsj_1xn3c_601) {
|
|
632
633
|
--awsui-default-max-content-width-3j0evk: 1440px;
|
|
633
634
|
}
|
|
634
635
|
}
|
|
635
636
|
@media (min-width: 2541px) {
|
|
636
|
-
.
|
|
637
|
+
.awsui_layout_hyvsj_1xn3c_518:not(#\9):not(.awsui_has-max-content-width_hyvsj_1xn3c_601) {
|
|
637
638
|
--awsui-default-max-content-width-3j0evk: 1620px;
|
|
638
639
|
}
|
|
639
640
|
}
|
|
640
641
|
@media (min-width: 1401px) {
|
|
641
|
-
.
|
|
642
|
+
.awsui_layout_hyvsj_1xn3c_518:not(#\9):not(.awsui_has-max-content-width_hyvsj_1xn3c_601).awsui_content-type-dashboard_hyvsj_1xn3c_616 {
|
|
642
643
|
--awsui-default-max-content-width-3j0evk: 1280px;
|
|
643
644
|
}
|
|
644
645
|
}
|
|
645
646
|
@media (min-width: 1921px) {
|
|
646
|
-
.
|
|
647
|
+
.awsui_layout_hyvsj_1xn3c_518:not(#\9):not(.awsui_has-max-content-width_hyvsj_1xn3c_601).awsui_content-type-dashboard_hyvsj_1xn3c_616 {
|
|
647
648
|
--awsui-default-max-content-width-3j0evk: 1620px;
|
|
648
649
|
}
|
|
649
650
|
}
|
|
650
651
|
@media (min-width: 2541px) {
|
|
651
|
-
.
|
|
652
|
+
.awsui_layout_hyvsj_1xn3c_518:not(#\9):not(.awsui_has-max-content-width_hyvsj_1xn3c_601).awsui_content-type-dashboard_hyvsj_1xn3c_616 {
|
|
652
653
|
--awsui-default-max-content-width-3j0evk: 2160px;
|
|
653
654
|
}
|
|
654
655
|
}
|
|
655
|
-
.
|
|
656
|
+
.awsui_layout_hyvsj_1xn3c_518.awsui_has-max-content-width_hyvsj_1xn3c_601:not(#\9) {
|
|
656
657
|
--awsui-default-max-content-width-3j0evk: var(--awsui-max-content-width-3j0evk);
|
|
657
658
|
}
|
|
658
659
|
@media (min-width: 993px) {
|
|
659
|
-
.
|
|
660
|
+
.awsui_layout_hyvsj_1xn3c_518:not(#\9) {
|
|
660
661
|
--awsui-default-min-content-width-3j0evk: var(--awsui-min-content-width-3j0evk, 280px);
|
|
661
662
|
}
|
|
662
663
|
}
|
|
663
664
|
@media (max-width: 992px) {
|
|
664
|
-
.
|
|
665
|
+
.awsui_layout_hyvsj_1xn3c_518:not(#\9) {
|
|
665
666
|
--awsui-default-min-content-width-3j0evk: 0px;
|
|
666
667
|
}
|
|
667
668
|
}
|
|
668
|
-
.
|
|
669
|
+
.awsui_layout_hyvsj_1xn3c_518.awsui_is-overlap-disabled_hyvsj_1xn3c_643:not(#\9) {
|
|
669
670
|
--awsui-overlap-height-3j0evk: 0;
|
|
670
671
|
}
|
|
671
|
-
.
|
|
672
|
+
.awsui_layout_hyvsj_1xn3c_518:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1xn3c_646) {
|
|
672
673
|
--awsui-offset-top-3j0evk: var(--awsui-header-height-3j0evk);
|
|
673
674
|
min-height: var(--awsui-content-height-3j0evk);
|
|
674
675
|
}
|
|
675
|
-
.
|
|
676
|
+
.awsui_layout_hyvsj_1xn3c_518:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1xn3c_646):not(.awsui_has-sticky-notifications_hyvsj_1xn3c_650) {
|
|
676
677
|
--awsui-offset-top-with-notifications-3j0evk: var(--awsui-header-height-3j0evk);
|
|
677
678
|
}
|
|
678
|
-
.
|
|
679
|
+
.awsui_layout_hyvsj_1xn3c_518:not(#\9):not(.awsui_disable-body-scroll_hyvsj_1xn3c_646).awsui_has-sticky-notifications_hyvsj_1xn3c_650 {
|
|
679
680
|
--awsui-offset-top-with-notifications-3j0evk: calc(
|
|
680
681
|
var(--awsui-header-height-3j0evk) + var(--awsui-notifications-height-3j0evk) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
|
|
681
682
|
);
|
|
682
683
|
}
|
|
683
|
-
.
|
|
684
|
+
.awsui_layout_hyvsj_1xn3c_518.awsui_disable-body-scroll_hyvsj_1xn3c_646:not(#\9) {
|
|
684
685
|
--awsui-offset-top-3j0evk: 0px;
|
|
685
686
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-3j0evk) 1fr auto;
|
|
686
687
|
height: var(--awsui-content-height-3j0evk);
|
|
687
688
|
overflow-y: scroll;
|
|
688
689
|
}
|
|
689
|
-
.
|
|
690
|
+
.awsui_layout_hyvsj_1xn3c_518.awsui_disable-body-scroll_hyvsj_1xn3c_646.awsui_has-split-panel_hyvsj_1xn3c_664.awsui_split-panel-position-bottom_hyvsj_1xn3c_664:not(#\9) {
|
|
690
691
|
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-3j0evk) repeat(2, auto);
|
|
691
692
|
}
|
|
692
|
-
.
|
|
693
|
+
.awsui_layout_hyvsj_1xn3c_518.awsui_disable-body-scroll_hyvsj_1xn3c_646:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1xn3c_650) {
|
|
693
694
|
--awsui-offset-top-with-notifications-3j0evk: 0px;
|
|
694
695
|
}
|
|
695
|
-
.
|
|
696
|
+
.awsui_layout_hyvsj_1xn3c_518.awsui_disable-body-scroll_hyvsj_1xn3c_646.awsui_has-sticky-notifications_hyvsj_1xn3c_650:not(#\9) {
|
|
696
697
|
--awsui-offset-top-with-notifications-3j0evk: calc(
|
|
697
698
|
var(--awsui-notifications-height-3j0evk) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
|
|
698
699
|
);
|
|
699
700
|
}
|
|
700
701
|
@media (min-width: 689px) {
|
|
701
|
-
.
|
|
702
|
+
.awsui_layout_hyvsj_1xn3c_518.awsui_has-content-gap-left_hyvsj_1xn3c_676:not(#\9) {
|
|
702
703
|
--awsui-content-gap-left-3j0evk: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
703
704
|
}
|
|
704
|
-
.
|
|
705
|
+
.awsui_layout_hyvsj_1xn3c_518.awsui_has-content-gap-right_hyvsj_1xn3c_679:not(#\9) {
|
|
705
706
|
--awsui-content-gap-right-3j0evk: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
706
707
|
}
|
|
707
708
|
}
|
|
708
709
|
@media (max-width: 688px) {
|
|
709
|
-
.
|
|
710
|
+
.awsui_layout_hyvsj_1xn3c_518:not(#\9) {
|
|
710
711
|
--awsui-content-gap-left-3j0evk: var(--space-l-4vl6xu, 20px);
|
|
711
712
|
--awsui-content-gap-right-3j0evk: var(--space-l-4vl6xu, 20px);
|
|
712
713
|
}
|
|
@@ -716,7 +717,7 @@ header.awsui_content_hyvsj_nghum_182:not(#\9) {
|
|
|
716
717
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
717
718
|
when the navigation or tools drawers are open in responsive viewports.
|
|
718
719
|
*/
|
|
719
|
-
.awsui_block-body-
|
|
720
|
+
.awsui_block-body-scroll_hyvsj_1xn3c_694:not(#\9) {
|
|
720
721
|
overflow: hidden;
|
|
721
722
|
}
|
|
722
723
|
|
|
@@ -724,7 +725,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
724
725
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
725
726
|
SPDX-License-Identifier: Apache-2.0
|
|
726
727
|
*/
|
|
727
|
-
.
|
|
728
|
+
.awsui_container_hyvsj_1xn3c_702:not(#\9) {
|
|
728
729
|
grid-column: 3;
|
|
729
730
|
grid-row: 4/span 2;
|
|
730
731
|
padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
|
|
@@ -747,23 +748,23 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
747
748
|
under various circumstances.
|
|
748
749
|
*/
|
|
749
750
|
}
|
|
750
|
-
.
|
|
751
|
+
.awsui_container_hyvsj_1xn3c_702.awsui_has-split-panel_hyvsj_1xn3c_664.awsui_split-panel-position-bottom_hyvsj_1xn3c_664:not(#\9) {
|
|
751
752
|
padding-bottom: calc(var(--awsui-split-panel-height-3j0evk) + var(--space-layout-content-bottom-kg9l42, 40px));
|
|
752
753
|
}
|
|
753
|
-
.
|
|
754
|
+
.awsui_container_hyvsj_1xn3c_702.awsui_disable-content-paddings_hyvsj_1xn3c_728:not(#\9) {
|
|
754
755
|
grid-column: 1/6;
|
|
755
756
|
padding: 0;
|
|
756
757
|
}
|
|
757
758
|
@media (min-width: 689px) {
|
|
758
|
-
.
|
|
759
|
+
.awsui_container_hyvsj_1xn3c_702.awsui_disable-content-paddings_hyvsj_1xn3c_728.awsui_is-navigation-open_hyvsj_1xn3c_733:not(#\9) {
|
|
759
760
|
grid-column-start: 2;
|
|
760
761
|
}
|
|
761
|
-
.
|
|
762
|
+
.awsui_container_hyvsj_1xn3c_702.awsui_disable-content-paddings_hyvsj_1xn3c_728.awsui_is-tools-open_hyvsj_1xn3c_736:not(#\9), .awsui_container_hyvsj_1xn3c_702.awsui_disable-content-paddings_hyvsj_1xn3c_728.awsui_is-split-panel-open_hyvsj_1xn3c_736.awsui_split-panel-position-side_hyvsj_1xn3c_736:not(#\9) {
|
|
762
763
|
grid-column-end: 5;
|
|
763
764
|
}
|
|
764
765
|
}
|
|
765
766
|
@media (min-width: 689px) {
|
|
766
|
-
.
|
|
767
|
+
.awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728) {
|
|
767
768
|
/*
|
|
768
769
|
Notifications is the previous adjacent sibling to the Main in
|
|
769
770
|
desktop viewports if there are no Breadcrumbs or Header. Use additional
|
|
@@ -778,18 +779,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
778
779
|
sibling to the Main which requires no top padding.
|
|
779
780
|
*/
|
|
780
781
|
}
|
|
781
|
-
.
|
|
782
|
+
.awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728).awsui_content-type-default_hyvsj_1xn3c_756.awsui_has-notifications-content_hyvsj_1xn3c_175:not(.awsui_has-breadcrumbs_hyvsj_1xn3c_167):not(.awsui_has-header_hyvsj_1xn3c_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1xn3c_181), .awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728).awsui_content-type-form_hyvsj_1xn3c_756.awsui_has-notifications-content_hyvsj_1xn3c_175:not(.awsui_has-breadcrumbs_hyvsj_1xn3c_167):not(.awsui_has-header_hyvsj_1xn3c_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1xn3c_181) {
|
|
782
783
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
783
784
|
}
|
|
784
|
-
.
|
|
785
|
+
.awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728).awsui_content-type-default_hyvsj_1xn3c_756:not(.awsui_has-notifications-content_hyvsj_1xn3c_175):not(.awsui_has-breadcrumbs_hyvsj_1xn3c_167):not(.awsui_has-header_hyvsj_1xn3c_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1xn3c_181), .awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728).awsui_content-type-form_hyvsj_1xn3c_756:not(.awsui_has-notifications-content_hyvsj_1xn3c_175):not(.awsui_has-breadcrumbs_hyvsj_1xn3c_167):not(.awsui_has-header_hyvsj_1xn3c_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1xn3c_181) {
|
|
785
786
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
786
787
|
}
|
|
787
|
-
.
|
|
788
|
+
.awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728).awsui_has-header_hyvsj_1xn3c_181, .awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728).awsui_has-dynamic-overlap-height_hyvsj_1xn3c_181 {
|
|
788
789
|
padding-top: 0;
|
|
789
790
|
}
|
|
790
791
|
}
|
|
791
792
|
@media (max-width: 688px) {
|
|
792
|
-
.
|
|
793
|
+
.awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728) {
|
|
793
794
|
/*
|
|
794
795
|
If the Notifications exist but the Header does not then the
|
|
795
796
|
Notifications is the previous adjacent sibling to the Main
|
|
@@ -804,23 +805,23 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
804
805
|
sibling to the Main which requires no top padding.
|
|
805
806
|
*/
|
|
806
807
|
}
|
|
807
|
-
.
|
|
808
|
+
.awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728).awsui_content-type-default_hyvsj_1xn3c_756.awsui_has-notifications-content_hyvsj_1xn3c_175:not(.awsui_has-header_hyvsj_1xn3c_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1xn3c_181), .awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728).awsui_content-type-form_hyvsj_1xn3c_756.awsui_has-notifications-content_hyvsj_1xn3c_175:not(.awsui_has-header_hyvsj_1xn3c_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1xn3c_181) {
|
|
808
809
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
809
810
|
}
|
|
810
|
-
.
|
|
811
|
+
.awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728).awsui_content-type-default_hyvsj_1xn3c_756:not(.awsui_has-notifications-content_hyvsj_1xn3c_175):not(.awsui_has-header_hyvsj_1xn3c_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1xn3c_181), .awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728).awsui_content-type-form_hyvsj_1xn3c_756:not(.awsui_has-notifications-content_hyvsj_1xn3c_175):not(.awsui_has-header_hyvsj_1xn3c_181):not(.awsui_has-dynamic-overlap-height_hyvsj_1xn3c_181) {
|
|
811
812
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
812
813
|
}
|
|
813
|
-
.
|
|
814
|
+
.awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728).awsui_has-header_hyvsj_1xn3c_181, .awsui_container_hyvsj_1xn3c_702:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1xn3c_728).awsui_has-dynamic-overlap-height_hyvsj_1xn3c_181 {
|
|
814
815
|
padding-top: 0;
|
|
815
816
|
}
|
|
816
817
|
}
|
|
817
|
-
.
|
|
818
|
+
.awsui_container_hyvsj_1xn3c_702.awsui_content-type-cards_hyvsj_1xn3c_185:not(#\9), .awsui_container_hyvsj_1xn3c_702.awsui_content-type-table_hyvsj_1xn3c_186:not(#\9), .awsui_container_hyvsj_1xn3c_702.awsui_content-type-wizard_hyvsj_1xn3c_182:not(#\9) {
|
|
818
819
|
padding-top: 0;
|
|
819
820
|
}
|
|
820
821
|
|
|
821
822
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
822
|
-
.
|
|
823
|
-
.
|
|
823
|
+
.awsui_unfocusable_hyvsj_1xn3c_797:not(#\9),
|
|
824
|
+
.awsui_unfocusable_hyvsj_1xn3c_797 *:not(#\9) {
|
|
824
825
|
visibility: hidden !important;
|
|
825
826
|
}
|
|
826
827
|
|
|
@@ -829,7 +830,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
829
830
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
830
831
|
SPDX-License-Identifier: Apache-2.0
|
|
831
832
|
*/
|
|
832
|
-
.awsui_navigation-
|
|
833
|
+
.awsui_navigation-container_hyvsj_1xn3c_807:not(#\9) {
|
|
833
834
|
--awsui-navigation-width-3j0evk: 280px;
|
|
834
835
|
display: flex;
|
|
835
836
|
grid-column: 1;
|
|
@@ -851,12 +852,12 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
851
852
|
pointer-events: none;
|
|
852
853
|
}
|
|
853
854
|
@media (min-width: 2541px) {
|
|
854
|
-
.awsui_navigation-
|
|
855
|
+
.awsui_navigation-container_hyvsj_1xn3c_807:not(#\9) {
|
|
855
856
|
--awsui-navigation-width-3j0evk: 320px;
|
|
856
857
|
}
|
|
857
858
|
}
|
|
858
859
|
@media (max-width: 688px) {
|
|
859
|
-
.awsui_navigation-
|
|
860
|
+
.awsui_navigation-container_hyvsj_1xn3c_807:not(#\9) {
|
|
860
861
|
left: 0;
|
|
861
862
|
position: fixed;
|
|
862
863
|
top: var(--awsui-offset-top-3j0evk);
|
|
@@ -864,14 +865,14 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
864
865
|
}
|
|
865
866
|
}
|
|
866
867
|
|
|
867
|
-
nav.awsui_show-
|
|
868
|
+
nav.awsui_show-navigation_hyvsj_1xn3c_842:not(#\9) {
|
|
868
869
|
padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
|
|
869
870
|
/*
|
|
870
871
|
Apply the animation only in desktop viewports because the AppBar will
|
|
871
872
|
take control in responsive viewports.
|
|
872
873
|
*/
|
|
873
874
|
}
|
|
874
|
-
@keyframes
|
|
875
|
+
@keyframes awsui_showButtons_hyvsj_1xn3c_1 {
|
|
875
876
|
0% {
|
|
876
877
|
opacity: 0;
|
|
877
878
|
}
|
|
@@ -879,31 +880,31 @@ nav.awsui_show-navigation_hyvsj_nghum_841:not(#\9) {
|
|
|
879
880
|
opacity: 1;
|
|
880
881
|
}
|
|
881
882
|
}
|
|
882
|
-
nav.awsui_show-
|
|
883
|
+
nav.awsui_show-navigation_hyvsj_1xn3c_842.awsui_is-navigation-open_hyvsj_1xn3c_733:not(#\9) {
|
|
883
884
|
display: none;
|
|
884
885
|
}
|
|
885
886
|
@media (min-width: 689px) {
|
|
886
|
-
nav.awsui_show-
|
|
887
|
+
nav.awsui_show-navigation_hyvsj_1xn3c_842:not(#\9):not(.awsui_is-navigation-open_hyvsj_1xn3c_733) {
|
|
887
888
|
display: block;
|
|
888
889
|
}
|
|
889
|
-
nav.awsui_show-
|
|
890
|
-
animation:
|
|
890
|
+
nav.awsui_show-navigation_hyvsj_1xn3c_842:not(#\9):not(.awsui_is-navigation-open_hyvsj_1xn3c_733).awsui_animating_hyvsj_1xn3c_864 {
|
|
891
|
+
animation: awsui_showButtons_hyvsj_1xn3c_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
891
892
|
}
|
|
892
893
|
}
|
|
893
894
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
894
|
-
nav.awsui_show-
|
|
895
|
+
nav.awsui_show-navigation_hyvsj_1xn3c_842:not(#\9):not(.awsui_is-navigation-open_hyvsj_1xn3c_733).awsui_animating_hyvsj_1xn3c_864 {
|
|
895
896
|
animation: none;
|
|
896
897
|
transition: none;
|
|
897
898
|
}
|
|
898
899
|
}
|
|
899
900
|
@media (min-width: 689px) {
|
|
900
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
901
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1xn3c_842:not(#\9):not(.awsui_is-navigation-open_hyvsj_1xn3c_733).awsui_animating_hyvsj_1xn3c_864, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1xn3c_842:not(#\9):not(.awsui_is-navigation-open_hyvsj_1xn3c_733).awsui_animating_hyvsj_1xn3c_864 {
|
|
901
902
|
animation: none;
|
|
902
903
|
transition: none;
|
|
903
904
|
}
|
|
904
905
|
}
|
|
905
906
|
|
|
906
|
-
nav.
|
|
907
|
+
nav.awsui_navigation_hyvsj_1xn3c_807:not(#\9) {
|
|
907
908
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
908
909
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
909
910
|
bottom: 0;
|
|
@@ -920,7 +921,7 @@ nav.awsui_navigation_hyvsj_nghum_806:not(#\9) {
|
|
|
920
921
|
prevent unwanted text wrapping.
|
|
921
922
|
*/
|
|
922
923
|
}
|
|
923
|
-
@keyframes
|
|
924
|
+
@keyframes awsui_openNavigation_hyvsj_1xn3c_1 {
|
|
924
925
|
from {
|
|
925
926
|
opacity: 0;
|
|
926
927
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
@@ -930,33 +931,33 @@ nav.awsui_navigation_hyvsj_nghum_806:not(#\9) {
|
|
|
930
931
|
width: var(--awsui-navigation-width-3j0evk);
|
|
931
932
|
}
|
|
932
933
|
}
|
|
933
|
-
nav.
|
|
934
|
+
nav.awsui_navigation_hyvsj_1xn3c_807:not(#\9):not(.awsui_is-navigation-open_hyvsj_1xn3c_733) {
|
|
934
935
|
width: 0;
|
|
935
936
|
display: none;
|
|
936
937
|
}
|
|
937
|
-
nav.
|
|
938
|
-
animation:
|
|
938
|
+
nav.awsui_navigation_hyvsj_1xn3c_807.awsui_is-navigation-open_hyvsj_1xn3c_733.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
|
|
939
|
+
animation: awsui_openNavigation_hyvsj_1xn3c_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
939
940
|
}
|
|
940
941
|
@media (prefers-reduced-motion: reduce) {
|
|
941
|
-
nav.
|
|
942
|
+
nav.awsui_navigation_hyvsj_1xn3c_807.awsui_is-navigation-open_hyvsj_1xn3c_733.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
|
|
942
943
|
animation: none;
|
|
943
944
|
transition: none;
|
|
944
945
|
}
|
|
945
946
|
}
|
|
946
|
-
.awsui-motion-disabled nav.
|
|
947
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_1xn3c_807.awsui_is-navigation-open_hyvsj_1xn3c_733.awsui_animating_hyvsj_1xn3c_864:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1xn3c_807.awsui_is-navigation-open_hyvsj_1xn3c_733.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
|
|
947
948
|
animation: none;
|
|
948
949
|
transition: none;
|
|
949
950
|
}
|
|
950
|
-
nav.
|
|
951
|
+
nav.awsui_navigation_hyvsj_1xn3c_807 > .awsui_animated-content_hyvsj_1xn3c_925:not(#\9) {
|
|
951
952
|
width: var(--awsui-navigation-width-3j0evk);
|
|
952
953
|
}
|
|
953
954
|
@media (max-width: 688px) {
|
|
954
|
-
nav.
|
|
955
|
+
nav.awsui_navigation_hyvsj_1xn3c_807:not(#\9) {
|
|
955
956
|
--awsui-navigation-width-3j0evk: 100vw;
|
|
956
957
|
}
|
|
957
958
|
}
|
|
958
959
|
|
|
959
|
-
.awsui_hide-
|
|
960
|
+
.awsui_hide-navigation_hyvsj_1xn3c_934:not(#\9) {
|
|
960
961
|
position: absolute;
|
|
961
962
|
right: var(--space-m-17eucw, 16px);
|
|
962
963
|
top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
|
|
@@ -966,7 +967,7 @@ nav.awsui_navigation_hyvsj_nghum_806 > .awsui_animated-content_hyvsj_nghum_924:n
|
|
|
966
967
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
967
968
|
SPDX-License-Identifier: Apache-2.0
|
|
968
969
|
*/
|
|
969
|
-
.
|
|
970
|
+
.awsui_notifications_hyvsj_1xn3c_227:not(#\9) {
|
|
970
971
|
grid-column: 3;
|
|
971
972
|
grid-row: 1;
|
|
972
973
|
z-index: 850;
|
|
@@ -984,31 +985,31 @@ nav.awsui_navigation_hyvsj_nghum_806 > .awsui_animated-content_hyvsj_nghum_924:n
|
|
|
984
985
|
*/
|
|
985
986
|
}
|
|
986
987
|
@media (min-width: 689px) {
|
|
987
|
-
.
|
|
988
|
+
.awsui_notifications_hyvsj_1xn3c_227:not(#\9) {
|
|
988
989
|
margin: var(--space-xs-rsr2qu, 8px) 0;
|
|
989
990
|
/*
|
|
990
991
|
var(--space-xs-rsr2qu, 8px) token needs to align with the $offsetTopWithNotifications
|
|
991
992
|
calculation in the layout CSS.
|
|
992
993
|
*/
|
|
993
994
|
}
|
|
994
|
-
.
|
|
995
|
+
.awsui_notifications_hyvsj_1xn3c_227.awsui_sticky-notifications_hyvsj_1xn3c_240:not(#\9) {
|
|
995
996
|
position: sticky;
|
|
996
997
|
top: calc(var(--awsui-offset-top-3j0evk) + var(--space-xs-rsr2qu, 8px));
|
|
997
998
|
--awsui-flashbar-sticky-bottom-margin-3j0evk: var(--space-xxl-2nvmf1, 32px);
|
|
998
999
|
}
|
|
999
|
-
.
|
|
1000
|
+
.awsui_notifications_hyvsj_1xn3c_227:not(#\9):not(.awsui_has-notifications-content_hyvsj_1xn3c_175) {
|
|
1000
1001
|
margin: 0;
|
|
1001
1002
|
}
|
|
1002
1003
|
}
|
|
1003
1004
|
@media (max-width: 688px) {
|
|
1004
|
-
.
|
|
1005
|
+
.awsui_notifications_hyvsj_1xn3c_227:not(#\9) {
|
|
1005
1006
|
grid-row: 2;
|
|
1006
1007
|
margin: var(--space-scaled-s-cu1hzn, 12px) 0;
|
|
1007
1008
|
}
|
|
1008
|
-
.
|
|
1009
|
+
.awsui_notifications_hyvsj_1xn3c_227.awsui_sticky-notifications_hyvsj_1xn3c_240:not(#\9) {
|
|
1009
1010
|
position: static;
|
|
1010
1011
|
}
|
|
1011
|
-
.
|
|
1012
|
+
.awsui_notifications_hyvsj_1xn3c_227:not(#\9):not(.awsui_has-notifications-content_hyvsj_1xn3c_175) {
|
|
1012
1013
|
margin: 0;
|
|
1013
1014
|
}
|
|
1014
1015
|
}
|
|
@@ -1023,7 +1024,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
1023
1024
|
consume the remaining vertical space in the grid after the notifications
|
|
1024
1025
|
and breadcrumbs.
|
|
1025
1026
|
*/
|
|
1026
|
-
section.awsui_split-panel-
|
|
1027
|
+
section.awsui_split-panel-bottom_hyvsj_1xn3c_1001:not(#\9) {
|
|
1027
1028
|
/*
|
|
1028
1029
|
The align self property will position the split panel at the bottom of the grid row.
|
|
1029
1030
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -1058,7 +1059,7 @@ section.awsui_split-panel-bottom_hyvsj_nghum_1000:not(#\9) {
|
|
|
1058
1059
|
apply the animation to the height property.
|
|
1059
1060
|
*/
|
|
1060
1061
|
}
|
|
1061
|
-
@keyframes
|
|
1062
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_1xn3c_1 {
|
|
1062
1063
|
from {
|
|
1063
1064
|
height: var(--awsui-split-panel-reported-header-size-3j0evk, 0);
|
|
1064
1065
|
}
|
|
@@ -1066,39 +1067,39 @@ section.awsui_split-panel-bottom_hyvsj_nghum_1000:not(#\9) {
|
|
|
1066
1067
|
height: var(--awsui-split-panel-reported-size-3j0evk);
|
|
1067
1068
|
}
|
|
1068
1069
|
}
|
|
1069
|
-
section.awsui_split-panel-
|
|
1070
|
+
section.awsui_split-panel-bottom_hyvsj_1xn3c_1001.awsui_disable-body-scroll_hyvsj_1xn3c_646:not(#\9) {
|
|
1070
1071
|
bottom: 0;
|
|
1071
1072
|
}
|
|
1072
|
-
section.awsui_split-panel-
|
|
1073
|
+
section.awsui_split-panel-bottom_hyvsj_1xn3c_1001.awsui_is-navigation-open_hyvsj_1xn3c_733.awsui_position-bottom_hyvsj_1xn3c_1047:not(#\9) {
|
|
1073
1074
|
grid-column-start: 2;
|
|
1074
1075
|
}
|
|
1075
|
-
section.awsui_split-panel-
|
|
1076
|
+
section.awsui_split-panel-bottom_hyvsj_1xn3c_1001.awsui_has-open-drawer_hyvsj_1xn3c_282.awsui_position-bottom_hyvsj_1xn3c_1047:not(#\9) {
|
|
1076
1077
|
grid-column-end: 5;
|
|
1077
1078
|
}
|
|
1078
|
-
section.awsui_split-panel-
|
|
1079
|
+
section.awsui_split-panel-bottom_hyvsj_1xn3c_1001.awsui_position-bottom_hyvsj_1xn3c_1047:not(#\9) {
|
|
1079
1080
|
display: block;
|
|
1080
1081
|
}
|
|
1081
|
-
section.awsui_split-panel-
|
|
1082
|
+
section.awsui_split-panel-bottom_hyvsj_1xn3c_1001:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1xn3c_736).awsui_position-bottom_hyvsj_1xn3c_1047 {
|
|
1082
1083
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
1083
1084
|
}
|
|
1084
|
-
section.awsui_split-panel-
|
|
1085
|
+
section.awsui_split-panel-bottom_hyvsj_1xn3c_1001.awsui_is-split-panel-open_hyvsj_1xn3c_736.awsui_position-bottom_hyvsj_1xn3c_1047:not(#\9) {
|
|
1085
1086
|
box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
1086
1087
|
}
|
|
1087
|
-
section.awsui_split-panel-
|
|
1088
|
-
animation:
|
|
1088
|
+
section.awsui_split-panel-bottom_hyvsj_1xn3c_1001.awsui_is-split-panel-open_hyvsj_1xn3c_736.awsui_position-bottom_hyvsj_1xn3c_1047.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
|
|
1089
|
+
animation: awsui_openSplitPanelBottom_hyvsj_1xn3c_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1089
1090
|
}
|
|
1090
1091
|
@media (prefers-reduced-motion: reduce) {
|
|
1091
|
-
section.awsui_split-panel-
|
|
1092
|
+
section.awsui_split-panel-bottom_hyvsj_1xn3c_1001.awsui_is-split-panel-open_hyvsj_1xn3c_736.awsui_position-bottom_hyvsj_1xn3c_1047.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
|
|
1092
1093
|
animation: none;
|
|
1093
1094
|
transition: none;
|
|
1094
1095
|
}
|
|
1095
1096
|
}
|
|
1096
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
1097
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1xn3c_1001.awsui_is-split-panel-open_hyvsj_1xn3c_736.awsui_position-bottom_hyvsj_1xn3c_1047.awsui_animating_hyvsj_1xn3c_864:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1xn3c_1001.awsui_is-split-panel-open_hyvsj_1xn3c_736.awsui_position-bottom_hyvsj_1xn3c_1047.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
|
|
1097
1098
|
animation: none;
|
|
1098
1099
|
transition: none;
|
|
1099
1100
|
}
|
|
1100
1101
|
|
|
1101
|
-
section.awsui_split-panel-
|
|
1102
|
+
section.awsui_split-panel-side_hyvsj_1xn3c_1076:not(#\9) {
|
|
1102
1103
|
height: 100%;
|
|
1103
1104
|
overflow-x: hidden;
|
|
1104
1105
|
pointer-events: auto;
|
|
@@ -1113,7 +1114,7 @@ section.awsui_split-panel-side_hyvsj_nghum_1075:not(#\9) {
|
|
|
1113
1114
|
prevent unwanted text wrapping.
|
|
1114
1115
|
*/
|
|
1115
1116
|
}
|
|
1116
|
-
@keyframes
|
|
1117
|
+
@keyframes awsui_openSplitPanelSide_hyvsj_1xn3c_1 {
|
|
1117
1118
|
from {
|
|
1118
1119
|
opacity: 0;
|
|
1119
1120
|
width: var(--awsui-split-panel-min-width-3j0evk, 280px);
|
|
@@ -1123,28 +1124,28 @@ section.awsui_split-panel-side_hyvsj_nghum_1075:not(#\9) {
|
|
|
1123
1124
|
width: var(--awsui-split-panel-reported-size-3j0evk);
|
|
1124
1125
|
}
|
|
1125
1126
|
}
|
|
1126
|
-
section.awsui_split-panel-
|
|
1127
|
+
section.awsui_split-panel-side_hyvsj_1xn3c_1076:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1xn3c_736), section.awsui_split-panel-side_hyvsj_1xn3c_1076.awsui_position-bottom_hyvsj_1xn3c_1047:not(#\9) {
|
|
1127
1128
|
width: 0;
|
|
1128
1129
|
}
|
|
1129
|
-
section.awsui_split-panel-
|
|
1130
|
+
section.awsui_split-panel-side_hyvsj_1xn3c_1076.awsui_is-split-panel-open_hyvsj_1xn3c_736.awsui_position-side_hyvsj_1xn3c_1104:not(#\9) {
|
|
1130
1131
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1131
1132
|
max-width: var(--awsui-split-panel-max-width-3j0evk, 280px);
|
|
1132
1133
|
min-width: var(--awsui-split-panel-min-width-3j0evk, 280px);
|
|
1133
1134
|
}
|
|
1134
|
-
section.awsui_split-panel-
|
|
1135
|
-
animation:
|
|
1135
|
+
section.awsui_split-panel-side_hyvsj_1xn3c_1076.awsui_is-split-panel-open_hyvsj_1xn3c_736.awsui_position-side_hyvsj_1xn3c_1104.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
|
|
1136
|
+
animation: awsui_openSplitPanelSide_hyvsj_1xn3c_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1136
1137
|
}
|
|
1137
1138
|
@media (prefers-reduced-motion: reduce) {
|
|
1138
|
-
section.awsui_split-panel-
|
|
1139
|
+
section.awsui_split-panel-side_hyvsj_1xn3c_1076.awsui_is-split-panel-open_hyvsj_1xn3c_736.awsui_position-side_hyvsj_1xn3c_1104.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
|
|
1139
1140
|
animation: none;
|
|
1140
1141
|
transition: none;
|
|
1141
1142
|
}
|
|
1142
1143
|
}
|
|
1143
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
1144
|
+
.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_1xn3c_1076.awsui_is-split-panel-open_hyvsj_1xn3c_736.awsui_position-side_hyvsj_1xn3c_1104.awsui_animating_hyvsj_1xn3c_864:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_1xn3c_1076.awsui_is-split-panel-open_hyvsj_1xn3c_736.awsui_position-side_hyvsj_1xn3c_1104.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
|
|
1144
1145
|
animation: none;
|
|
1145
1146
|
transition: none;
|
|
1146
1147
|
}
|
|
1147
|
-
section.awsui_split-panel-
|
|
1148
|
+
section.awsui_split-panel-side_hyvsj_1xn3c_1076 > .awsui_animated-content_hyvsj_1xn3c_925:not(#\9) {
|
|
1148
1149
|
height: 100%;
|
|
1149
1150
|
max-width: inherit;
|
|
1150
1151
|
width: var(--awsui-split-panel-reported-size-3j0evk);
|
|
@@ -1163,7 +1164,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
1163
1164
|
property. The content gap right is computed in the Layout styles based on the
|
|
1164
1165
|
viewport size and state of the Tools drawer.
|
|
1165
1166
|
*/
|
|
1166
|
-
.awsui_tools-
|
|
1167
|
+
.awsui_tools-container_hyvsj_1xn3c_1141:not(#\9) {
|
|
1167
1168
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
1168
1169
|
--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));
|
|
1169
1170
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -1179,12 +1180,12 @@ viewport size and state of the Tools drawer.
|
|
|
1179
1180
|
pointer-events: none;
|
|
1180
1181
|
}
|
|
1181
1182
|
@media (min-width: 2541px) {
|
|
1182
|
-
.awsui_tools-
|
|
1183
|
+
.awsui_tools-container_hyvsj_1xn3c_1141:not(#\9) {
|
|
1183
1184
|
--awsui-tools-width-3j0evk: 360px;
|
|
1184
1185
|
}
|
|
1185
1186
|
}
|
|
1186
1187
|
@media (max-width: 688px) {
|
|
1187
|
-
.awsui_tools-
|
|
1188
|
+
.awsui_tools-container_hyvsj_1xn3c_1141:not(#\9) {
|
|
1188
1189
|
--awsui-tools-max-width-3j0evk: none;
|
|
1189
1190
|
--awsui-tools-width-3j0evk: auto;
|
|
1190
1191
|
position: fixed;
|
|
@@ -1194,7 +1195,7 @@ viewport size and state of the Tools drawer.
|
|
|
1194
1195
|
}
|
|
1195
1196
|
}
|
|
1196
1197
|
|
|
1197
|
-
.
|
|
1198
|
+
.awsui_tools_hyvsj_1xn3c_1141:not(#\9) {
|
|
1198
1199
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
1199
1200
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1200
1201
|
flex-shrink: 0;
|
|
@@ -1217,7 +1218,7 @@ viewport size and state of the Tools drawer.
|
|
|
1217
1218
|
in the side position.
|
|
1218
1219
|
*/
|
|
1219
1220
|
}
|
|
1220
|
-
@keyframes
|
|
1221
|
+
@keyframes awsui_openTools_hyvsj_1xn3c_1 {
|
|
1221
1222
|
from {
|
|
1222
1223
|
opacity: var(--awsui-tools-animation-starting-opacity-3j0evk, 0);
|
|
1223
1224
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
@@ -1227,38 +1228,38 @@ viewport size and state of the Tools drawer.
|
|
|
1227
1228
|
width: var(--awsui-tools-width-3j0evk);
|
|
1228
1229
|
}
|
|
1229
1230
|
}
|
|
1230
|
-
.
|
|
1231
|
+
.awsui_tools_hyvsj_1xn3c_1141:not(#\9):not(.awsui_is-tools-open_hyvsj_1xn3c_736) {
|
|
1231
1232
|
width: 0;
|
|
1232
1233
|
display: none;
|
|
1233
1234
|
}
|
|
1234
|
-
.
|
|
1235
|
-
animation:
|
|
1235
|
+
.awsui_tools_hyvsj_1xn3c_1141.awsui_is-tools-open_hyvsj_1xn3c_736.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
|
|
1236
|
+
animation: awsui_openTools_hyvsj_1xn3c_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1236
1237
|
}
|
|
1237
1238
|
@media (prefers-reduced-motion: reduce) {
|
|
1238
|
-
.
|
|
1239
|
+
.awsui_tools_hyvsj_1xn3c_1141.awsui_is-tools-open_hyvsj_1xn3c_736.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
|
|
1239
1240
|
animation: none;
|
|
1240
1241
|
transition: none;
|
|
1241
1242
|
}
|
|
1242
1243
|
}
|
|
1243
|
-
.awsui-motion-disabled .
|
|
1244
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_1xn3c_1141.awsui_is-tools-open_hyvsj_1xn3c_736.awsui_animating_hyvsj_1xn3c_864:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1xn3c_1141.awsui_is-tools-open_hyvsj_1xn3c_736.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
|
|
1244
1245
|
animation: none;
|
|
1245
1246
|
transition: none;
|
|
1246
1247
|
}
|
|
1247
|
-
.
|
|
1248
|
+
.awsui_tools_hyvsj_1xn3c_1141 > .awsui_animated-content_hyvsj_1xn3c_925:not(#\9) {
|
|
1248
1249
|
width: var(--awsui-tools-width-3j0evk);
|
|
1249
1250
|
}
|
|
1250
1251
|
@media (min-width: 689px) {
|
|
1251
|
-
.
|
|
1252
|
+
.awsui_tools_hyvsj_1xn3c_1141.awsui_is-tools-open_hyvsj_1xn3c_736.awsui_has-tools-form-persistence_hyvsj_1xn3c_1226:not(#\9) {
|
|
1252
1253
|
border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
1253
1254
|
}
|
|
1254
1255
|
}
|
|
1255
1256
|
@media (max-width: 688px) {
|
|
1256
|
-
.
|
|
1257
|
+
.awsui_tools_hyvsj_1xn3c_1141:not(#\9) {
|
|
1257
1258
|
--awsui-tools-width-3j0evk: 100vw;
|
|
1258
1259
|
}
|
|
1259
1260
|
}
|
|
1260
1261
|
|
|
1261
|
-
.awsui_hide-
|
|
1262
|
+
.awsui_hide-tools_hyvsj_1xn3c_1236:not(#\9) {
|
|
1262
1263
|
position: absolute;
|
|
1263
1264
|
right: var(--space-m-17eucw, 16px);
|
|
1264
1265
|
top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
|
|
@@ -1270,7 +1271,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1270
1271
|
the calculation used to determine the Split Panel maximum width in the
|
|
1271
1272
|
handleSplitPanelMaxWidth function in the context.
|
|
1272
1273
|
*/
|
|
1273
|
-
.awsui_show-
|
|
1274
|
+
.awsui_show-tools_hyvsj_1xn3c_1248:not(#\9) {
|
|
1274
1275
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1275
1276
|
border-collapse: separate;
|
|
1276
1277
|
border-spacing: 0;
|
|
@@ -1314,7 +1315,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1314
1315
|
take control in responsive viewports.
|
|
1315
1316
|
*/
|
|
1316
1317
|
}
|
|
1317
|
-
@keyframes
|
|
1318
|
+
@keyframes awsui_showButtons_hyvsj_1xn3c_1 {
|
|
1318
1319
|
0% {
|
|
1319
1320
|
opacity: 0;
|
|
1320
1321
|
}
|
|
@@ -1322,33 +1323,33 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1322
1323
|
opacity: 1;
|
|
1323
1324
|
}
|
|
1324
1325
|
}
|
|
1325
|
-
.awsui_show-
|
|
1326
|
+
.awsui_show-tools_hyvsj_1xn3c_1248:not(#\9):not(.awsui_has-tools-form_hyvsj_1xn3c_1226) {
|
|
1326
1327
|
display: none;
|
|
1327
1328
|
}
|
|
1328
1329
|
@media (min-width: 689px) {
|
|
1329
|
-
.awsui_show-
|
|
1330
|
+
.awsui_show-tools_hyvsj_1xn3c_1248.awsui_has-tools-form_hyvsj_1xn3c_1226:not(#\9) {
|
|
1330
1331
|
display: flex;
|
|
1331
1332
|
flex-direction: column;
|
|
1332
1333
|
gap: var(--space-xs-rsr2qu, 8px);
|
|
1333
1334
|
}
|
|
1334
|
-
.awsui_show-
|
|
1335
|
-
animation:
|
|
1335
|
+
.awsui_show-tools_hyvsj_1xn3c_1248.awsui_has-tools-form_hyvsj_1xn3c_1226.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
|
|
1336
|
+
animation: awsui_showButtons_hyvsj_1xn3c_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1336
1337
|
}
|
|
1337
1338
|
}
|
|
1338
1339
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1339
|
-
.awsui_show-
|
|
1340
|
+
.awsui_show-tools_hyvsj_1xn3c_1248.awsui_has-tools-form_hyvsj_1xn3c_1226.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
|
|
1340
1341
|
animation: none;
|
|
1341
1342
|
transition: none;
|
|
1342
1343
|
}
|
|
1343
1344
|
}
|
|
1344
1345
|
@media (min-width: 689px) {
|
|
1345
|
-
.awsui-motion-disabled .awsui_show-
|
|
1346
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_1xn3c_1248.awsui_has-tools-form_hyvsj_1xn3c_1226.awsui_animating_hyvsj_1xn3c_864:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1xn3c_1248.awsui_has-tools-form_hyvsj_1xn3c_1226.awsui_animating_hyvsj_1xn3c_864:not(#\9) {
|
|
1346
1347
|
animation: none;
|
|
1347
1348
|
transition: none;
|
|
1348
1349
|
}
|
|
1349
1350
|
}
|
|
1350
1351
|
@media (min-width: 689px) {
|
|
1351
|
-
.awsui_show-
|
|
1352
|
+
.awsui_show-tools_hyvsj_1xn3c_1248.awsui_has-tools-form-persistence_hyvsj_1xn3c_1226:not(#\9) {
|
|
1352
1353
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
1353
1354
|
z-index: 1;
|
|
1354
1355
|
}
|
|
@@ -1363,7 +1364,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1363
1364
|
the calculation used to determine the Split Panel maximum width in the
|
|
1364
1365
|
handleSplitPanelMaxWidth function in the context.
|
|
1365
1366
|
*/
|
|
1366
|
-
.
|
|
1367
|
+
.awsui_trigger_hyvsj_1xn3c_1315:not(#\9) {
|
|
1367
1368
|
background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
|
|
1368
1369
|
border: none;
|
|
1369
1370
|
border-radius: 50%;
|
|
@@ -1375,14 +1376,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1375
1376
|
width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
|
|
1376
1377
|
pointer-events: auto;
|
|
1377
1378
|
}
|
|
1378
|
-
body[data-awsui-focus-visible=true] .
|
|
1379
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1xn3c_1315:not(#\9):focus {
|
|
1379
1380
|
position: relative;
|
|
1380
1381
|
}
|
|
1381
|
-
body[data-awsui-focus-visible=true] .
|
|
1382
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1xn3c_1315:not(#\9):focus {
|
|
1382
1383
|
outline: 2px dotted transparent;
|
|
1383
1384
|
outline-offset: calc(3px - 1px);
|
|
1384
1385
|
}
|
|
1385
|
-
body[data-awsui-focus-visible=true] .
|
|
1386
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1xn3c_1315:not(#\9):focus::before {
|
|
1386
1387
|
content: " ";
|
|
1387
1388
|
display: block;
|
|
1388
1389
|
position: absolute;
|
|
@@ -1393,23 +1394,23 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_nghum_1314:not(#\9):foc
|
|
|
1393
1394
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
1394
1395
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
1395
1396
|
}
|
|
1396
|
-
.
|
|
1397
|
+
.awsui_trigger_hyvsj_1xn3c_1315:not(#\9):focus {
|
|
1397
1398
|
outline: none;
|
|
1398
1399
|
}
|
|
1399
|
-
.
|
|
1400
|
+
.awsui_trigger_hyvsj_1xn3c_1315:not(#\9):hover {
|
|
1400
1401
|
background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
|
|
1401
1402
|
}
|
|
1402
|
-
.
|
|
1403
|
+
.awsui_trigger_hyvsj_1xn3c_1315:not(#\9):active {
|
|
1403
1404
|
background: var(--color-background-layout-toggle-active-d15dki, #354150);
|
|
1404
1405
|
}
|
|
1405
|
-
.
|
|
1406
|
+
.awsui_trigger_hyvsj_1xn3c_1315.awsui_selected_hyvsj_1xn3c_1354:not(#\9) {
|
|
1406
1407
|
background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
|
|
1407
1408
|
color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
|
|
1408
1409
|
}
|
|
1409
|
-
.
|
|
1410
|
+
.awsui_trigger_hyvsj_1xn3c_1315.awsui_selected_hyvsj_1xn3c_1354:not(#\9):hover {
|
|
1410
1411
|
background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
|
|
1411
1412
|
}
|
|
1412
|
-
.
|
|
1413
|
+
.awsui_trigger_hyvsj_1xn3c_1315.awsui_selected_hyvsj_1xn3c_1354:not(#\9):active {
|
|
1413
1414
|
background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
|
|
1414
1415
|
}
|
|
1415
1416
|
|