@cloudscape-design/components 3.0.284 → 3.0.286
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/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +30 -30
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/drawer/interfaces.d.ts +5 -1
- package/app-layout/drawer/interfaces.d.ts.map +1 -1
- package/app-layout/drawer/interfaces.js.map +1 -1
- package/app-layout/drawer/resizable-drawer.js +1 -1
- package/app-layout/drawer/resizable-drawer.js.map +1 -1
- package/app-layout/index.d.ts.map +1 -1
- package/app-layout/index.js +28 -16
- package/app-layout/index.js.map +1 -1
- package/app-layout/mobile-toolbar/index.d.ts +2 -1
- package/app-layout/mobile-toolbar/index.d.ts.map +1 -1
- package/app-layout/mobile-toolbar/index.js +2 -2
- package/app-layout/mobile-toolbar/index.js.map +1 -1
- package/app-layout/notifications/styles.css.js +3 -3
- package/app-layout/notifications/styles.scoped.css +7 -7
- package/app-layout/notifications/styles.selectors.js +3 -3
- package/app-layout/visual-refresh/styles.css.js +72 -72
- package/app-layout/visual-refresh/styles.scoped.css +275 -274
- package/app-layout/visual-refresh/styles.selectors.js +72 -72
- package/column-layout/styles.css.js +13 -13
- package/column-layout/styles.scoped.css +45 -45
- package/column-layout/styles.selectors.js +13 -13
- package/container/internal.d.ts +2 -1
- package/container/internal.d.ts.map +1 -1
- package/container/internal.js +2 -2
- package/container/internal.js.map +1 -1
- package/container/use-sticky-header.d.ts +12 -1
- package/container/use-sticky-header.d.ts.map +1 -1
- package/container/use-sticky-header.js +41 -16
- package/container/use-sticky-header.js.map +1 -1
- package/flashbar/styles.css.js +45 -45
- package/flashbar/styles.scoped.css +169 -169
- package/flashbar/styles.selectors.js +45 -45
- package/header/internal.d.ts.map +1 -1
- package/header/internal.js +4 -1
- package/header/internal.js.map +1 -1
- package/internal/base-component/styles.scoped.css +0 -3
- package/internal/context/app-layout-context.d.ts +1 -0
- package/internal/context/app-layout-context.d.ts.map +1 -1
- package/internal/context/app-layout-context.js +1 -0
- package/internal/context/app-layout-context.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
- package/internal/generated/custom-css-properties/index.js +32 -31
- package/internal/generated/custom-css-properties/index.js.map +1 -1
- package/internal/generated/theming/index.cjs +0 -11
- package/internal/generated/theming/index.js +0 -11
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +3 -5
- package/table/internal.js.map +1 -1
- package/tiles/styles.css.js +28 -28
- package/tiles/styles.scoped.css +70 -70
- package/tiles/styles.selectors.js +28 -28
|
@@ -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_a6htg_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_117n2_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_a6htg_93 > .awsui_appbar-nav_hyvsj_a6htg_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_a6htg_93 > .awsui_breadcrumbs_hyvsj_a6htg_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_a6htg_93 > .awsui_appbar-tools_hyvsj_a6htg_125:not(#\9),
|
|
126
|
+
section.awsui_appbar_hyvsj_a6htg_93 > .awsui_drawers-mobile-triggers-container_hyvsj_a6htg_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_a6htg_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,55 +164,55 @@ section.awsui_appbar_hyvsj_117n2_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_a6htg_93:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_a6htg_167) {
|
|
168
168
|
display: none;
|
|
169
169
|
}
|
|
170
|
-
section.
|
|
171
|
-
section.
|
|
172
|
-
section.
|
|
170
|
+
section.awsui_appbar_hyvsj_a6htg_93 > .awsui_appbar-nav_hyvsj_a6htg_117:not(#\9),
|
|
171
|
+
section.awsui_appbar_hyvsj_a6htg_93 > .awsui_appbar-tools_hyvsj_a6htg_125:not(#\9),
|
|
172
|
+
section.awsui_appbar_hyvsj_a6htg_93 > .awsui_drawers-mobile-triggers-container_hyvsj_a6htg_126:not(#\9) {
|
|
173
173
|
display: none;
|
|
174
174
|
}
|
|
175
|
-
section.
|
|
175
|
+
section.awsui_appbar_hyvsj_a6htg_93 > .awsui_breadcrumbs_hyvsj_a6htg_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_a6htg_175) {
|
|
176
176
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
177
177
|
}
|
|
178
|
-
section.
|
|
178
|
+
section.awsui_appbar_hyvsj_a6htg_93 > .awsui_breadcrumbs_hyvsj_a6htg_121.awsui_has-notifications-content_hyvsj_a6htg_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_a6htg_93 > .awsui_breadcrumbs_hyvsj_a6htg_121:not(#\9):not(.awsui_has-header_hyvsj_a6htg_181):not(.awsui_has-dynamic-overlap-height_hyvsj_a6htg_181),
|
|
182
|
+
section.awsui_appbar_hyvsj_a6htg_93 > .awsui_breadcrumbs_hyvsj_a6htg_121:not(#\9):not(.awsui_has-header_hyvsj_a6htg_181).awsui_content-type-wizard_hyvsj_a6htg_182 {
|
|
183
183
|
padding-bottom: var(--space-m-17eucw, 16px);
|
|
184
184
|
}
|
|
185
|
-
section.
|
|
186
|
-
section.
|
|
185
|
+
section.awsui_appbar_hyvsj_a6htg_93 > .awsui_breadcrumbs_hyvsj_a6htg_121.awsui_content-type-cards_hyvsj_a6htg_185:not(#\9),
|
|
186
|
+
section.awsui_appbar_hyvsj_a6htg_93 > .awsui_breadcrumbs_hyvsj_a6htg_121.awsui_content-type-table_hyvsj_a6htg_186:not(#\9) {
|
|
187
187
|
padding-bottom: var(--space-xxs-ynfts5, 4px);
|
|
188
188
|
}
|
|
189
|
-
section.
|
|
189
|
+
section.awsui_appbar_hyvsj_a6htg_93 > .awsui_breadcrumbs_hyvsj_a6htg_121.awsui_has-sticky-background_hyvsj_a6htg_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_a6htg_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));
|
|
198
198
|
grid-column: 1/span 5;
|
|
199
199
|
grid-row: 1;
|
|
200
|
-
height:
|
|
200
|
+
height: var(--awsui-mobile-bar-height-rrnppm);
|
|
201
201
|
padding: 0 var(--space-m-17eucw, 16px);
|
|
202
202
|
position: sticky;
|
|
203
|
-
top: var(--awsui-offset-top-
|
|
203
|
+
top: var(--awsui-offset-top-rrnppm);
|
|
204
204
|
z-index: 1000;
|
|
205
205
|
/*
|
|
206
206
|
Remove any existing top and bottom padding from the Breadcrumbs since
|
|
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_a6htg_93 > .awsui_appbar-nav_hyvsj_a6htg_117:not(#\9),
|
|
211
|
+
section.awsui_appbar_hyvsj_a6htg_93 > .awsui_appbar-tools_hyvsj_a6htg_125:not(#\9),
|
|
212
|
+
section.awsui_appbar_hyvsj_a6htg_93 > .awsui_drawers-mobile-triggers-container_hyvsj_a6htg_126:not(#\9) {
|
|
213
213
|
display: block;
|
|
214
214
|
}
|
|
215
|
-
section.
|
|
215
|
+
section.awsui_appbar_hyvsj_a6htg_93 > .awsui_breadcrumbs_hyvsj_a6htg_121:not(#\9) {
|
|
216
216
|
padding: 0;
|
|
217
217
|
}
|
|
218
218
|
}
|
|
@@ -221,10 +221,10 @@ section.awsui_appbar_hyvsj_117n2_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_a6htg_224:not(#\9) {
|
|
225
225
|
display: contents;
|
|
226
226
|
}
|
|
227
|
-
div.
|
|
227
|
+
div.awsui_background_hyvsj_a6htg_224 > .awsui_notifications-appbar-header_hyvsj_a6htg_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_117n2_224 > .awsui_notifications-appbar-header_hyvsj_
|
|
|
237
237
|
*/
|
|
238
238
|
}
|
|
239
239
|
@media (min-width: 689px) {
|
|
240
|
-
div.
|
|
240
|
+
div.awsui_background_hyvsj_a6htg_224 > .awsui_notifications-appbar-header_hyvsj_a6htg_227.awsui_has-sticky-background_hyvsj_a6htg_189.awsui_has-notifications-content_hyvsj_a6htg_175.awsui_sticky-notifications_hyvsj_a6htg_240:not(#\9) {
|
|
241
241
|
position: sticky;
|
|
242
|
-
top: var(--awsui-offset-top-
|
|
242
|
+
top: var(--awsui-offset-top-rrnppm);
|
|
243
243
|
z-index: 799;
|
|
244
244
|
}
|
|
245
245
|
}
|
|
246
|
-
div.
|
|
246
|
+
div.awsui_background_hyvsj_a6htg_224 > .awsui_overlap_hyvsj_a6htg_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,9 +256,9 @@ div.awsui_background_hyvsj_117n2_224 > .awsui_overlap_hyvsj_117n2_246:not(#\9) {
|
|
|
256
256
|
*/
|
|
257
257
|
}
|
|
258
258
|
@media (min-width: 689px) {
|
|
259
|
-
div.
|
|
259
|
+
div.awsui_background_hyvsj_a6htg_224 > .awsui_overlap_hyvsj_a6htg_246.awsui_has-sticky-background_hyvsj_a6htg_189:not(#\9) {
|
|
260
260
|
position: sticky;
|
|
261
|
-
top: var(--awsui-offset-top-with-notifications-
|
|
261
|
+
top: var(--awsui-offset-top-with-notifications-rrnppm);
|
|
262
262
|
z-index: 799;
|
|
263
263
|
}
|
|
264
264
|
}
|
|
@@ -271,41 +271,41 @@ div.awsui_background_hyvsj_117n2_224 > .awsui_overlap_hyvsj_117n2_246:not(#\9) {
|
|
|
271
271
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
272
272
|
SPDX-License-Identifier: Apache-2.0
|
|
273
273
|
*/
|
|
274
|
-
.awsui_drawers-
|
|
274
|
+
.awsui_drawers-container_hyvsj_a6htg_274:not(#\9) {
|
|
275
275
|
background-color: transparent;
|
|
276
276
|
display: flex;
|
|
277
277
|
grid-column: 5;
|
|
278
278
|
grid-row: 1/span 5;
|
|
279
|
-
height: var(--awsui-content-height-
|
|
279
|
+
height: var(--awsui-content-height-rrnppm);
|
|
280
280
|
pointer-events: none;
|
|
281
281
|
position: sticky;
|
|
282
|
-
top: var(--awsui-offset-top-
|
|
282
|
+
top: var(--awsui-offset-top-rrnppm);
|
|
283
283
|
z-index: 830;
|
|
284
284
|
transition: background-color var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
285
285
|
}
|
|
286
|
-
.awsui_drawers-
|
|
286
|
+
.awsui_drawers-container_hyvsj_a6htg_274.awsui_has-open-drawer_hyvsj_a6htg_286:not(#\9) {
|
|
287
287
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
288
288
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
289
289
|
}
|
|
290
290
|
@media (prefers-reduced-motion: reduce) {
|
|
291
|
-
.awsui_drawers-
|
|
291
|
+
.awsui_drawers-container_hyvsj_a6htg_274:not(#\9) {
|
|
292
292
|
animation: none;
|
|
293
293
|
transition: none;
|
|
294
294
|
}
|
|
295
295
|
}
|
|
296
|
-
.awsui-motion-disabled .awsui_drawers-
|
|
296
|
+
.awsui-motion-disabled .awsui_drawers-container_hyvsj_a6htg_274:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_a6htg_274:not(#\9) {
|
|
297
297
|
animation: none;
|
|
298
298
|
transition: none;
|
|
299
299
|
}
|
|
300
300
|
@media (min-width: 689px) {
|
|
301
|
-
.awsui_drawers-
|
|
301
|
+
.awsui_drawers-container_hyvsj_a6htg_274:not(#\9) {
|
|
302
302
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
303
|
-
max-width: calc(var(--awsui-layout-width-
|
|
303
|
+
max-width: calc(var(--awsui-layout-width-rrnppm) - var(--awsui-main-offset-left-rrnppm) - var(--awsui-default-min-content-width-rrnppm) - var(--awsui-content-gap-right-rrnppm));
|
|
304
304
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
305
305
|
}
|
|
306
306
|
}
|
|
307
307
|
@media (max-width: 688px) {
|
|
308
|
-
.awsui_drawers-
|
|
308
|
+
.awsui_drawers-container_hyvsj_a6htg_274:not(#\9) {
|
|
309
309
|
position: fixed;
|
|
310
310
|
right: 0;
|
|
311
311
|
z-index: 1001;
|
|
@@ -317,12 +317,12 @@ div.awsui_background_hyvsj_117n2_224 > .awsui_overlap_hyvsj_117n2_246:not(#\9) {
|
|
|
317
317
|
relative to the body.
|
|
318
318
|
*/
|
|
319
319
|
}
|
|
320
|
-
.awsui_drawers-
|
|
321
|
-
top: var(--awsui-header-height-
|
|
320
|
+
.awsui_drawers-container_hyvsj_a6htg_274.awsui_disable-body-scroll_hyvsj_a6htg_320:not(#\9) {
|
|
321
|
+
top: var(--awsui-header-height-rrnppm);
|
|
322
322
|
}
|
|
323
323
|
}
|
|
324
324
|
|
|
325
|
-
.awsui_drawers-desktop-triggers-
|
|
325
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_a6htg_325:not(#\9) {
|
|
326
326
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
327
327
|
border-collapse: separate;
|
|
328
328
|
border-spacing: 0;
|
|
@@ -366,39 +366,39 @@ div.awsui_background_hyvsj_117n2_224 > .awsui_overlap_hyvsj_117n2_246:not(#\9) {
|
|
|
366
366
|
overflow-x: hidden;
|
|
367
367
|
overscroll-behavior-y: contain;
|
|
368
368
|
}
|
|
369
|
-
.awsui_drawers-desktop-triggers-
|
|
369
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_a6htg_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_a6htg_343).awsui_has-open-drawer_hyvsj_a6htg_286 {
|
|
370
370
|
width: 0;
|
|
371
371
|
}
|
|
372
|
-
.awsui_drawers-desktop-triggers-
|
|
372
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_a6htg_325.awsui_has-multiple-triggers_hyvsj_a6htg_343.awsui_has-open-drawer_hyvsj_a6htg_286:not(#\9) {
|
|
373
373
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
374
374
|
transition: background-color var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
375
375
|
}
|
|
376
376
|
@media (prefers-reduced-motion: reduce) {
|
|
377
|
-
.awsui_drawers-desktop-triggers-
|
|
377
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_a6htg_325.awsui_has-multiple-triggers_hyvsj_a6htg_343.awsui_has-open-drawer_hyvsj_a6htg_286:not(#\9) {
|
|
378
378
|
animation: none;
|
|
379
379
|
transition: none;
|
|
380
380
|
}
|
|
381
381
|
}
|
|
382
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
382
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_a6htg_325.awsui_has-multiple-triggers_hyvsj_a6htg_343.awsui_has-open-drawer_hyvsj_a6htg_286:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_a6htg_325.awsui_has-multiple-triggers_hyvsj_a6htg_343.awsui_has-open-drawer_hyvsj_a6htg_286:not(#\9) {
|
|
383
383
|
animation: none;
|
|
384
384
|
transition: none;
|
|
385
385
|
}
|
|
386
|
-
.awsui_drawers-desktop-triggers-
|
|
386
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_a6htg_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_a6htg_343):not(.awsui_has-open-drawer_hyvsj_a6htg_286) {
|
|
387
387
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
388
388
|
transition: width var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
389
389
|
}
|
|
390
390
|
@media (prefers-reduced-motion: reduce) {
|
|
391
|
-
.awsui_drawers-desktop-triggers-
|
|
391
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_a6htg_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_a6htg_343):not(.awsui_has-open-drawer_hyvsj_a6htg_286) {
|
|
392
392
|
animation: none;
|
|
393
393
|
transition: none;
|
|
394
394
|
}
|
|
395
395
|
}
|
|
396
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
396
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_a6htg_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_a6htg_343):not(.awsui_has-open-drawer_hyvsj_a6htg_286), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_a6htg_325:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_a6htg_343):not(.awsui_has-open-drawer_hyvsj_a6htg_286) {
|
|
397
397
|
animation: none;
|
|
398
398
|
transition: none;
|
|
399
399
|
}
|
|
400
400
|
|
|
401
|
-
.awsui_drawers-trigger-
|
|
401
|
+
.awsui_drawers-trigger-content_hyvsj_a6htg_375:not(#\9) {
|
|
402
402
|
align-items: center;
|
|
403
403
|
display: flex;
|
|
404
404
|
flex-direction: column;
|
|
@@ -406,34 +406,34 @@ div.awsui_background_hyvsj_117n2_224 > .awsui_overlap_hyvsj_117n2_246:not(#\9) {
|
|
|
406
406
|
padding-top: var(--space-scaled-s-cu1hzn, 12px);
|
|
407
407
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
408
408
|
}
|
|
409
|
-
.awsui_drawers-trigger-
|
|
409
|
+
.awsui_drawers-trigger-content_hyvsj_a6htg_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_a6htg_343).awsui_has-open-drawer_hyvsj_a6htg_286 {
|
|
410
410
|
opacity: 0;
|
|
411
411
|
}
|
|
412
|
-
.awsui_drawers-trigger-
|
|
412
|
+
.awsui_drawers-trigger-content_hyvsj_a6htg_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_a6htg_343):not(.awsui_has-open-drawer_hyvsj_a6htg_286) {
|
|
413
413
|
opacity: 1;
|
|
414
414
|
transition: opacity var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
415
415
|
transition-delay: calc(var(--motion-duration-refresh-only-fast-addxjd, 115ms) / 1.5);
|
|
416
416
|
}
|
|
417
417
|
@media (prefers-reduced-motion: reduce) {
|
|
418
|
-
.awsui_drawers-trigger-
|
|
418
|
+
.awsui_drawers-trigger-content_hyvsj_a6htg_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_a6htg_343):not(.awsui_has-open-drawer_hyvsj_a6htg_286) {
|
|
419
419
|
animation: none;
|
|
420
420
|
transition: none;
|
|
421
421
|
}
|
|
422
422
|
}
|
|
423
|
-
.awsui-motion-disabled .awsui_drawers-trigger-
|
|
423
|
+
.awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_a6htg_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_a6htg_343):not(.awsui_has-open-drawer_hyvsj_a6htg_286), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_a6htg_375:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_a6htg_343):not(.awsui_has-open-drawer_hyvsj_a6htg_286) {
|
|
424
424
|
animation: none;
|
|
425
425
|
transition: none;
|
|
426
426
|
}
|
|
427
427
|
|
|
428
428
|
@media (max-width: 688px) {
|
|
429
|
-
.awsui_drawers-
|
|
429
|
+
.awsui_drawers-trigger_hyvsj_a6htg_375:not(#\9) {
|
|
430
430
|
width: 40px;
|
|
431
431
|
text-align: right;
|
|
432
432
|
}
|
|
433
433
|
}
|
|
434
434
|
|
|
435
|
-
.
|
|
436
|
-
--awsui-active-drawer-width-
|
|
435
|
+
.awsui_drawer_hyvsj_a6htg_126:not(#\9) {
|
|
436
|
+
--awsui-active-drawer-width-rrnppm: 290px;
|
|
437
437
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
438
438
|
border-color: transparent;
|
|
439
439
|
display: grid;
|
|
@@ -449,43 +449,43 @@ div.awsui_background_hyvsj_117n2_224 > .awsui_overlap_hyvsj_117n2_246:not(#\9) {
|
|
|
449
449
|
transition: var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
450
450
|
transition-property: border-color, opacity, width;
|
|
451
451
|
}
|
|
452
|
-
.
|
|
452
|
+
.awsui_drawer_hyvsj_a6htg_126 > .awsui_drawer-close-button_hyvsj_a6htg_426:not(#\9) {
|
|
453
453
|
grid-column: 2;
|
|
454
454
|
grid-row: 2;
|
|
455
455
|
z-index: 1;
|
|
456
456
|
}
|
|
457
|
-
.
|
|
457
|
+
.awsui_drawer_hyvsj_a6htg_126 > .awsui_drawer-content_hyvsj_a6htg_431:not(#\9) {
|
|
458
458
|
grid-column: 1/span 3;
|
|
459
459
|
grid-row: 1/span 3;
|
|
460
|
-
width: var(--awsui-active-drawer-width-
|
|
460
|
+
width: var(--awsui-active-drawer-width-rrnppm);
|
|
461
461
|
}
|
|
462
|
-
.
|
|
462
|
+
.awsui_drawer_hyvsj_a6htg_126:not(#\9):not(.awsui_is-drawer-open_hyvsj_a6htg_436) {
|
|
463
463
|
opacity: 0;
|
|
464
464
|
width: 0;
|
|
465
465
|
}
|
|
466
|
-
.
|
|
466
|
+
.awsui_drawer_hyvsj_a6htg_126.awsui_is-drawer-open_hyvsj_a6htg_436:not(#\9) {
|
|
467
467
|
border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
468
468
|
opacity: 1;
|
|
469
|
-
width: var(--awsui-active-drawer-width-
|
|
469
|
+
width: var(--awsui-active-drawer-width-rrnppm);
|
|
470
470
|
}
|
|
471
471
|
@media (prefers-reduced-motion: reduce) {
|
|
472
|
-
.
|
|
472
|
+
.awsui_drawer_hyvsj_a6htg_126:not(#\9) {
|
|
473
473
|
animation: none;
|
|
474
474
|
transition: none;
|
|
475
475
|
}
|
|
476
476
|
}
|
|
477
|
-
.awsui-motion-disabled .
|
|
477
|
+
.awsui-motion-disabled .awsui_drawer_hyvsj_a6htg_126:not(#\9), .awsui-mode-entering .awsui_drawer_hyvsj_a6htg_126:not(#\9) {
|
|
478
478
|
animation: none;
|
|
479
479
|
transition: none;
|
|
480
480
|
}
|
|
481
481
|
@media (min-width: 2541px) {
|
|
482
|
-
.
|
|
483
|
-
--awsui-active-drawer-width-
|
|
482
|
+
.awsui_drawer_hyvsj_a6htg_126.awsui_is-drawer-open_hyvsj_a6htg_436:not(#\9) {
|
|
483
|
+
--awsui-active-drawer-width-rrnppm: 320px;
|
|
484
484
|
}
|
|
485
485
|
}
|
|
486
486
|
@media (max-width: 688px) {
|
|
487
|
-
.
|
|
488
|
-
--awsui-active-drawer-width-
|
|
487
|
+
.awsui_drawer_hyvsj_a6htg_126.awsui_is-drawer-open_hyvsj_a6htg_436:not(#\9) {
|
|
488
|
+
--awsui-active-drawer-width-rrnppm: 100vw;
|
|
489
489
|
}
|
|
490
490
|
}
|
|
491
491
|
|
|
@@ -493,13 +493,13 @@ div.awsui_background_hyvsj_117n2_224 > .awsui_overlap_hyvsj_117n2_246:not(#\9) {
|
|
|
493
493
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
494
494
|
SPDX-License-Identifier: Apache-2.0
|
|
495
495
|
*/
|
|
496
|
-
header.
|
|
496
|
+
header.awsui_content_hyvsj_a6htg_182:not(#\9) {
|
|
497
497
|
grid-column: 3;
|
|
498
498
|
grid-row: 3;
|
|
499
499
|
padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
|
|
500
500
|
}
|
|
501
501
|
@media (min-width: 689px) {
|
|
502
|
-
header.
|
|
502
|
+
header.awsui_content_hyvsj_a6htg_182:not(#\9) {
|
|
503
503
|
/*
|
|
504
504
|
If Notifications exist and Breadcrumbs do not then Notifications
|
|
505
505
|
is the previous adjacent sibling to the Header. Add minimal top padding
|
|
@@ -517,25 +517,25 @@ header.awsui_content_hyvsj_117n2_182:not(#\9) {
|
|
|
517
517
|
circular buttons.
|
|
518
518
|
*/
|
|
519
519
|
}
|
|
520
|
-
header.
|
|
520
|
+
header.awsui_content_hyvsj_a6htg_182.awsui_has-notifications-content_hyvsj_a6htg_175:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_a6htg_167) {
|
|
521
521
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
522
522
|
}
|
|
523
|
-
header.
|
|
523
|
+
header.awsui_content_hyvsj_a6htg_182.awsui_has-breadcrumbs_hyvsj_a6htg_167:not(#\9) {
|
|
524
524
|
padding-top: var(--space-xxs-ynfts5, 4px);
|
|
525
525
|
}
|
|
526
|
-
header.
|
|
526
|
+
header.awsui_content_hyvsj_a6htg_182:not(#\9):not(.awsui_has-notifications-content_hyvsj_a6htg_175):not(.awsui_has-breadcrumbs_hyvsj_a6htg_167) {
|
|
527
527
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
528
528
|
}
|
|
529
529
|
}
|
|
530
530
|
@media (max-width: 688px) {
|
|
531
|
-
header.
|
|
531
|
+
header.awsui_content_hyvsj_a6htg_182:not(#\9) {
|
|
532
532
|
padding: var(--space-m-17eucw, 16px) 0 var(--space-content-header-padding-bottom-nvqytg, 24px);
|
|
533
533
|
/*
|
|
534
534
|
Breadcrumbs has moved to first position and sticky so Notifications
|
|
535
535
|
are now the previous adjacent sibling if they exist.
|
|
536
536
|
*/
|
|
537
537
|
}
|
|
538
|
-
header.
|
|
538
|
+
header.awsui_content_hyvsj_a6htg_182.awsui_has-notifications-content_hyvsj_a6htg_175:not(#\9) {
|
|
539
539
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
540
540
|
}
|
|
541
541
|
}
|
|
@@ -557,26 +557,27 @@ header.awsui_content_hyvsj_117n2_182:not(#\9) {
|
|
|
557
557
|
circumstances regardless of whether the minContentWidth property is
|
|
558
558
|
explicitly set in script.
|
|
559
559
|
*/
|
|
560
|
-
.
|
|
561
|
-
--awsui-content-gap-left-
|
|
562
|
-
--awsui-content-gap-right-
|
|
563
|
-
--awsui-content-height-
|
|
564
|
-
--awsui-default-max-content-width-
|
|
565
|
-
--awsui-default-min-content-width-
|
|
566
|
-
--awsui-footer-height-
|
|
567
|
-
--awsui-header-height-
|
|
568
|
-
--awsui-layout-width-
|
|
569
|
-
--awsui-main-offset-left-
|
|
570
|
-
--awsui-max-content-width-
|
|
571
|
-
--awsui-min-content-width-
|
|
572
|
-
--awsui-
|
|
573
|
-
--awsui-
|
|
574
|
-
--awsui-offset-top-
|
|
575
|
-
--awsui-
|
|
560
|
+
.awsui_layout_hyvsj_a6htg_534:not(#\9) {
|
|
561
|
+
--awsui-content-gap-left-rrnppm: 0px;
|
|
562
|
+
--awsui-content-gap-right-rrnppm: 0px;
|
|
563
|
+
--awsui-content-height-rrnppm: calc(100vh - var(--awsui-header-height-rrnppm) - var(--awsui-footer-height-rrnppm));
|
|
564
|
+
--awsui-default-max-content-width-rrnppm: 1280px;
|
|
565
|
+
--awsui-default-min-content-width-rrnppm: 0px;
|
|
566
|
+
--awsui-footer-height-rrnppm: 0px;
|
|
567
|
+
--awsui-header-height-rrnppm: 0px;
|
|
568
|
+
--awsui-layout-width-rrnppm: 0px;
|
|
569
|
+
--awsui-main-offset-left-rrnppm: 0px;
|
|
570
|
+
--awsui-max-content-width-rrnppm: 0px;
|
|
571
|
+
--awsui-min-content-width-rrnppm: 280px;
|
|
572
|
+
--awsui-mobile-bar-height-rrnppm: calc(2 * var(--space-m-17eucw, 16px) + var(--space-scaled-xs-6859qs, 8px));
|
|
573
|
+
--awsui-notifications-height-rrnppm: 0px;
|
|
574
|
+
--awsui-offset-top-rrnppm: 0px;
|
|
575
|
+
--awsui-offset-top-with-notifications-rrnppm: 0px;
|
|
576
|
+
--awsui-overlap-height-rrnppm: var(--space-dark-header-overlap-distance-hfejul, 36px);
|
|
576
577
|
background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
|
|
577
578
|
display: grid;
|
|
578
|
-
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-
|
|
579
|
-
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-
|
|
579
|
+
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-rrnppm) 1fr;
|
|
580
|
+
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-rrnppm), 1fr) minmax(var(--awsui-default-min-content-width-rrnppm), var(--awsui-default-max-content-width-rrnppm)) minmax(var(--awsui-content-gap-right-rrnppm), 1fr) min-content;
|
|
580
581
|
position: relative;
|
|
581
582
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
582
583
|
/*
|
|
@@ -640,92 +641,92 @@ header.awsui_content_hyvsj_117n2_182:not(#\9) {
|
|
|
640
641
|
*/
|
|
641
642
|
}
|
|
642
643
|
@media (min-width: 1401px) {
|
|
643
|
-
.
|
|
644
|
-
--awsui-default-max-content-width-
|
|
644
|
+
.awsui_layout_hyvsj_a6htg_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_a6htg_618) {
|
|
645
|
+
--awsui-default-max-content-width-rrnppm: 1280px;
|
|
645
646
|
}
|
|
646
647
|
}
|
|
647
648
|
@media (min-width: 1921px) {
|
|
648
|
-
.
|
|
649
|
-
--awsui-default-max-content-width-
|
|
649
|
+
.awsui_layout_hyvsj_a6htg_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_a6htg_618) {
|
|
650
|
+
--awsui-default-max-content-width-rrnppm: 1440px;
|
|
650
651
|
}
|
|
651
652
|
}
|
|
652
653
|
@media (min-width: 2541px) {
|
|
653
|
-
.
|
|
654
|
-
--awsui-default-max-content-width-
|
|
654
|
+
.awsui_layout_hyvsj_a6htg_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_a6htg_618) {
|
|
655
|
+
--awsui-default-max-content-width-rrnppm: 1620px;
|
|
655
656
|
}
|
|
656
657
|
}
|
|
657
658
|
@media (min-width: 1401px) {
|
|
658
|
-
.
|
|
659
|
-
--awsui-default-max-content-width-
|
|
659
|
+
.awsui_layout_hyvsj_a6htg_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_a6htg_618).awsui_content-type-dashboard_hyvsj_a6htg_633 {
|
|
660
|
+
--awsui-default-max-content-width-rrnppm: 1280px;
|
|
660
661
|
}
|
|
661
662
|
}
|
|
662
663
|
@media (min-width: 1921px) {
|
|
663
|
-
.
|
|
664
|
-
--awsui-default-max-content-width-
|
|
664
|
+
.awsui_layout_hyvsj_a6htg_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_a6htg_618).awsui_content-type-dashboard_hyvsj_a6htg_633 {
|
|
665
|
+
--awsui-default-max-content-width-rrnppm: 1620px;
|
|
665
666
|
}
|
|
666
667
|
}
|
|
667
668
|
@media (min-width: 2541px) {
|
|
668
|
-
.
|
|
669
|
-
--awsui-default-max-content-width-
|
|
669
|
+
.awsui_layout_hyvsj_a6htg_534:not(#\9):not(.awsui_has-max-content-width_hyvsj_a6htg_618).awsui_content-type-dashboard_hyvsj_a6htg_633 {
|
|
670
|
+
--awsui-default-max-content-width-rrnppm: 2160px;
|
|
670
671
|
}
|
|
671
672
|
}
|
|
672
|
-
.
|
|
673
|
-
--awsui-default-max-content-width-
|
|
673
|
+
.awsui_layout_hyvsj_a6htg_534.awsui_has-max-content-width_hyvsj_a6htg_618:not(#\9) {
|
|
674
|
+
--awsui-default-max-content-width-rrnppm: var(--awsui-max-content-width-rrnppm);
|
|
674
675
|
}
|
|
675
676
|
@media (min-width: 993px) {
|
|
676
|
-
.
|
|
677
|
-
--awsui-default-min-content-width-
|
|
677
|
+
.awsui_layout_hyvsj_a6htg_534:not(#\9) {
|
|
678
|
+
--awsui-default-min-content-width-rrnppm: var(--awsui-min-content-width-rrnppm, 280px);
|
|
678
679
|
}
|
|
679
680
|
}
|
|
680
681
|
@media (max-width: 992px) {
|
|
681
|
-
.
|
|
682
|
-
--awsui-default-min-content-width-
|
|
682
|
+
.awsui_layout_hyvsj_a6htg_534:not(#\9) {
|
|
683
|
+
--awsui-default-min-content-width-rrnppm: 0px;
|
|
683
684
|
}
|
|
684
685
|
}
|
|
685
|
-
.
|
|
686
|
-
--awsui-overlap-height-
|
|
686
|
+
.awsui_layout_hyvsj_a6htg_534.awsui_is-overlap-disabled_hyvsj_a6htg_660:not(#\9) {
|
|
687
|
+
--awsui-overlap-height-rrnppm: 0;
|
|
687
688
|
}
|
|
688
|
-
.
|
|
689
|
-
--awsui-offset-top-
|
|
690
|
-
min-height: var(--awsui-content-height-
|
|
689
|
+
.awsui_layout_hyvsj_a6htg_534:not(#\9):not(.awsui_disable-body-scroll_hyvsj_a6htg_320) {
|
|
690
|
+
--awsui-offset-top-rrnppm: var(--awsui-header-height-rrnppm);
|
|
691
|
+
min-height: var(--awsui-content-height-rrnppm);
|
|
691
692
|
}
|
|
692
|
-
.
|
|
693
|
-
--awsui-offset-top-with-notifications-
|
|
693
|
+
.awsui_layout_hyvsj_a6htg_534:not(#\9):not(.awsui_disable-body-scroll_hyvsj_a6htg_320):not(.awsui_has-sticky-notifications_hyvsj_a6htg_667) {
|
|
694
|
+
--awsui-offset-top-with-notifications-rrnppm: var(--awsui-header-height-rrnppm);
|
|
694
695
|
}
|
|
695
|
-
.
|
|
696
|
-
--awsui-offset-top-with-notifications-
|
|
697
|
-
var(--awsui-header-height-
|
|
696
|
+
.awsui_layout_hyvsj_a6htg_534:not(#\9):not(.awsui_disable-body-scroll_hyvsj_a6htg_320).awsui_has-sticky-notifications_hyvsj_a6htg_667 {
|
|
697
|
+
--awsui-offset-top-with-notifications-rrnppm: calc(
|
|
698
|
+
var(--awsui-header-height-rrnppm) + var(--awsui-notifications-height-rrnppm) + var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)
|
|
698
699
|
);
|
|
699
700
|
}
|
|
700
|
-
.
|
|
701
|
-
--awsui-offset-top-
|
|
702
|
-
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-
|
|
703
|
-
height: var(--awsui-content-height-
|
|
701
|
+
.awsui_layout_hyvsj_a6htg_534.awsui_disable-body-scroll_hyvsj_a6htg_320:not(#\9) {
|
|
702
|
+
--awsui-offset-top-rrnppm: 0px;
|
|
703
|
+
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-rrnppm) 1fr auto;
|
|
704
|
+
height: var(--awsui-content-height-rrnppm);
|
|
704
705
|
overflow-y: scroll;
|
|
705
706
|
}
|
|
706
|
-
.
|
|
707
|
-
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-
|
|
707
|
+
.awsui_layout_hyvsj_a6htg_534.awsui_disable-body-scroll_hyvsj_a6htg_320.awsui_has-split-panel_hyvsj_a6htg_681.awsui_split-panel-position-bottom_hyvsj_a6htg_681:not(#\9) {
|
|
708
|
+
grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-rrnppm) repeat(2, auto);
|
|
708
709
|
}
|
|
709
|
-
.
|
|
710
|
-
--awsui-offset-top-with-notifications-
|
|
710
|
+
.awsui_layout_hyvsj_a6htg_534.awsui_disable-body-scroll_hyvsj_a6htg_320:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_a6htg_667) {
|
|
711
|
+
--awsui-offset-top-with-notifications-rrnppm: 0px;
|
|
711
712
|
}
|
|
712
|
-
.
|
|
713
|
-
--awsui-offset-top-with-notifications-
|
|
714
|
-
var(--awsui-notifications-height-
|
|
713
|
+
.awsui_layout_hyvsj_a6htg_534.awsui_disable-body-scroll_hyvsj_a6htg_320.awsui_has-sticky-notifications_hyvsj_a6htg_667:not(#\9) {
|
|
714
|
+
--awsui-offset-top-with-notifications-rrnppm: calc(
|
|
715
|
+
var(--awsui-notifications-height-rrnppm) + var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px)
|
|
715
716
|
);
|
|
716
717
|
}
|
|
717
718
|
@media (min-width: 689px) {
|
|
718
|
-
.
|
|
719
|
-
--awsui-content-gap-left-
|
|
719
|
+
.awsui_layout_hyvsj_a6htg_534.awsui_has-content-gap-left_hyvsj_a6htg_693:not(#\9) {
|
|
720
|
+
--awsui-content-gap-left-rrnppm: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
720
721
|
}
|
|
721
|
-
.
|
|
722
|
-
--awsui-content-gap-right-
|
|
722
|
+
.awsui_layout_hyvsj_a6htg_534.awsui_has-content-gap-right_hyvsj_a6htg_696:not(#\9) {
|
|
723
|
+
--awsui-content-gap-right-rrnppm: var(--space-scaled-2x-xxxl-lbp35j, 40px);
|
|
723
724
|
}
|
|
724
725
|
}
|
|
725
726
|
@media (max-width: 688px) {
|
|
726
|
-
.
|
|
727
|
-
--awsui-content-gap-left-
|
|
728
|
-
--awsui-content-gap-right-
|
|
727
|
+
.awsui_layout_hyvsj_a6htg_534:not(#\9) {
|
|
728
|
+
--awsui-content-gap-left-rrnppm: var(--space-l-4vl6xu, 20px);
|
|
729
|
+
--awsui-content-gap-right-rrnppm: var(--space-l-4vl6xu, 20px);
|
|
729
730
|
}
|
|
730
731
|
}
|
|
731
732
|
|
|
@@ -733,7 +734,7 @@ header.awsui_content_hyvsj_117n2_182:not(#\9) {
|
|
|
733
734
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
734
735
|
when the navigation or tools drawers are open in responsive viewports.
|
|
735
736
|
*/
|
|
736
|
-
.awsui_block-body-
|
|
737
|
+
.awsui_block-body-scroll_hyvsj_a6htg_711:not(#\9) {
|
|
737
738
|
overflow: hidden;
|
|
738
739
|
}
|
|
739
740
|
|
|
@@ -741,7 +742,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
741
742
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
742
743
|
SPDX-License-Identifier: Apache-2.0
|
|
743
744
|
*/
|
|
744
|
-
.
|
|
745
|
+
.awsui_container_hyvsj_a6htg_719:not(#\9) {
|
|
745
746
|
grid-column: 3;
|
|
746
747
|
grid-row: 4/span 2;
|
|
747
748
|
padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
|
|
@@ -764,23 +765,23 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
764
765
|
under various circumstances.
|
|
765
766
|
*/
|
|
766
767
|
}
|
|
767
|
-
.
|
|
768
|
-
padding-bottom: calc(var(--awsui-split-panel-height-
|
|
768
|
+
.awsui_container_hyvsj_a6htg_719.awsui_has-split-panel_hyvsj_a6htg_681.awsui_split-panel-position-bottom_hyvsj_a6htg_681:not(#\9) {
|
|
769
|
+
padding-bottom: calc(var(--awsui-split-panel-height-rrnppm) + var(--space-layout-content-bottom-kg9l42, 40px));
|
|
769
770
|
}
|
|
770
|
-
.
|
|
771
|
+
.awsui_container_hyvsj_a6htg_719.awsui_disable-content-paddings_hyvsj_a6htg_745:not(#\9) {
|
|
771
772
|
grid-column: 1/6;
|
|
772
773
|
padding: 0;
|
|
773
774
|
}
|
|
774
775
|
@media (min-width: 689px) {
|
|
775
|
-
.
|
|
776
|
+
.awsui_container_hyvsj_a6htg_719.awsui_disable-content-paddings_hyvsj_a6htg_745.awsui_is-navigation-open_hyvsj_a6htg_750:not(#\9) {
|
|
776
777
|
grid-column-start: 2;
|
|
777
778
|
}
|
|
778
|
-
.
|
|
779
|
+
.awsui_container_hyvsj_a6htg_719.awsui_disable-content-paddings_hyvsj_a6htg_745.awsui_is-tools-open_hyvsj_a6htg_753:not(#\9), .awsui_container_hyvsj_a6htg_719.awsui_disable-content-paddings_hyvsj_a6htg_745.awsui_is-split-panel-open_hyvsj_a6htg_753.awsui_split-panel-position-side_hyvsj_a6htg_753:not(#\9) {
|
|
779
780
|
grid-column-end: 5;
|
|
780
781
|
}
|
|
781
782
|
}
|
|
782
783
|
@media (min-width: 689px) {
|
|
783
|
-
.
|
|
784
|
+
.awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745) {
|
|
784
785
|
/*
|
|
785
786
|
Notifications is the previous adjacent sibling to the Main in
|
|
786
787
|
desktop viewports if there are no Breadcrumbs or Header. Use additional
|
|
@@ -795,18 +796,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
795
796
|
sibling to the Main which requires no top padding.
|
|
796
797
|
*/
|
|
797
798
|
}
|
|
798
|
-
.
|
|
799
|
+
.awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745).awsui_content-type-default_hyvsj_a6htg_773.awsui_has-notifications-content_hyvsj_a6htg_175:not(.awsui_has-breadcrumbs_hyvsj_a6htg_167):not(.awsui_has-header_hyvsj_a6htg_181):not(.awsui_has-dynamic-overlap-height_hyvsj_a6htg_181), .awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745).awsui_content-type-form_hyvsj_a6htg_773.awsui_has-notifications-content_hyvsj_a6htg_175:not(.awsui_has-breadcrumbs_hyvsj_a6htg_167):not(.awsui_has-header_hyvsj_a6htg_181):not(.awsui_has-dynamic-overlap-height_hyvsj_a6htg_181) {
|
|
799
800
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
800
801
|
}
|
|
801
|
-
.
|
|
802
|
+
.awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745).awsui_content-type-default_hyvsj_a6htg_773:not(.awsui_has-notifications-content_hyvsj_a6htg_175):not(.awsui_has-breadcrumbs_hyvsj_a6htg_167):not(.awsui_has-header_hyvsj_a6htg_181):not(.awsui_has-dynamic-overlap-height_hyvsj_a6htg_181), .awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745).awsui_content-type-form_hyvsj_a6htg_773:not(.awsui_has-notifications-content_hyvsj_a6htg_175):not(.awsui_has-breadcrumbs_hyvsj_a6htg_167):not(.awsui_has-header_hyvsj_a6htg_181):not(.awsui_has-dynamic-overlap-height_hyvsj_a6htg_181) {
|
|
802
803
|
padding-top: var(--space-scaled-xs-6859qs, 8px);
|
|
803
804
|
}
|
|
804
|
-
.
|
|
805
|
+
.awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745).awsui_has-header_hyvsj_a6htg_181, .awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745).awsui_has-dynamic-overlap-height_hyvsj_a6htg_181 {
|
|
805
806
|
padding-top: 0;
|
|
806
807
|
}
|
|
807
808
|
}
|
|
808
809
|
@media (max-width: 688px) {
|
|
809
|
-
.
|
|
810
|
+
.awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745) {
|
|
810
811
|
/*
|
|
811
812
|
If the Notifications exist but the Header does not then the
|
|
812
813
|
Notifications is the previous adjacent sibling to the Main
|
|
@@ -821,23 +822,23 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
821
822
|
sibling to the Main which requires no top padding.
|
|
822
823
|
*/
|
|
823
824
|
}
|
|
824
|
-
.
|
|
825
|
+
.awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745).awsui_content-type-default_hyvsj_a6htg_773.awsui_has-notifications-content_hyvsj_a6htg_175:not(.awsui_has-header_hyvsj_a6htg_181):not(.awsui_has-dynamic-overlap-height_hyvsj_a6htg_181), .awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745).awsui_content-type-form_hyvsj_a6htg_773.awsui_has-notifications-content_hyvsj_a6htg_175:not(.awsui_has-header_hyvsj_a6htg_181):not(.awsui_has-dynamic-overlap-height_hyvsj_a6htg_181) {
|
|
825
826
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
826
827
|
}
|
|
827
|
-
.
|
|
828
|
+
.awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745).awsui_content-type-default_hyvsj_a6htg_773:not(.awsui_has-notifications-content_hyvsj_a6htg_175):not(.awsui_has-header_hyvsj_a6htg_181):not(.awsui_has-dynamic-overlap-height_hyvsj_a6htg_181), .awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745).awsui_content-type-form_hyvsj_a6htg_773:not(.awsui_has-notifications-content_hyvsj_a6htg_175):not(.awsui_has-header_hyvsj_a6htg_181):not(.awsui_has-dynamic-overlap-height_hyvsj_a6htg_181) {
|
|
828
829
|
padding-top: var(--space-scaled-m-pv0fmt, 16px);
|
|
829
830
|
}
|
|
830
|
-
.
|
|
831
|
+
.awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745).awsui_has-header_hyvsj_a6htg_181, .awsui_container_hyvsj_a6htg_719:not(#\9):not(.awsui_disable-content-paddings_hyvsj_a6htg_745).awsui_has-dynamic-overlap-height_hyvsj_a6htg_181 {
|
|
831
832
|
padding-top: 0;
|
|
832
833
|
}
|
|
833
834
|
}
|
|
834
|
-
.
|
|
835
|
+
.awsui_container_hyvsj_a6htg_719.awsui_content-type-cards_hyvsj_a6htg_185:not(#\9), .awsui_container_hyvsj_a6htg_719.awsui_content-type-table_hyvsj_a6htg_186:not(#\9), .awsui_container_hyvsj_a6htg_719.awsui_content-type-wizard_hyvsj_a6htg_182:not(#\9) {
|
|
835
836
|
padding-top: 0;
|
|
836
837
|
}
|
|
837
838
|
|
|
838
839
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
839
|
-
.
|
|
840
|
-
.
|
|
840
|
+
.awsui_unfocusable_hyvsj_a6htg_814:not(#\9),
|
|
841
|
+
.awsui_unfocusable_hyvsj_a6htg_814 *:not(#\9) {
|
|
841
842
|
visibility: hidden !important;
|
|
842
843
|
}
|
|
843
844
|
|
|
@@ -846,14 +847,14 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
846
847
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
847
848
|
SPDX-License-Identifier: Apache-2.0
|
|
848
849
|
*/
|
|
849
|
-
.awsui_navigation-
|
|
850
|
-
--awsui-navigation-width-
|
|
850
|
+
.awsui_navigation-container_hyvsj_a6htg_824:not(#\9) {
|
|
851
|
+
--awsui-navigation-width-rrnppm: 280px;
|
|
851
852
|
display: flex;
|
|
852
853
|
grid-column: 1;
|
|
853
854
|
grid-row: 1/span 5;
|
|
854
|
-
height: var(--awsui-content-height-
|
|
855
|
+
height: var(--awsui-content-height-rrnppm);
|
|
855
856
|
position: sticky;
|
|
856
|
-
top: var(--awsui-offset-top-
|
|
857
|
+
top: var(--awsui-offset-top-rrnppm);
|
|
857
858
|
z-index: 830;
|
|
858
859
|
/*
|
|
859
860
|
The navigation and tools containers (that contain the toggle buttons)
|
|
@@ -868,12 +869,12 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
868
869
|
pointer-events: none;
|
|
869
870
|
}
|
|
870
871
|
@media (min-width: 2541px) {
|
|
871
|
-
.awsui_navigation-
|
|
872
|
-
--awsui-navigation-width-
|
|
872
|
+
.awsui_navigation-container_hyvsj_a6htg_824:not(#\9) {
|
|
873
|
+
--awsui-navigation-width-rrnppm: 320px;
|
|
873
874
|
}
|
|
874
875
|
}
|
|
875
876
|
@media (max-width: 688px) {
|
|
876
|
-
.awsui_navigation-
|
|
877
|
+
.awsui_navigation-container_hyvsj_a6htg_824:not(#\9) {
|
|
877
878
|
left: 0;
|
|
878
879
|
position: fixed;
|
|
879
880
|
z-index: 1001;
|
|
@@ -885,19 +886,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
885
886
|
relative to the body.
|
|
886
887
|
*/
|
|
887
888
|
}
|
|
888
|
-
.awsui_navigation-
|
|
889
|
-
top: var(--awsui-header-height-
|
|
889
|
+
.awsui_navigation-container_hyvsj_a6htg_824.awsui_disable-body-scroll_hyvsj_a6htg_320:not(#\9) {
|
|
890
|
+
top: var(--awsui-header-height-rrnppm);
|
|
890
891
|
}
|
|
891
892
|
}
|
|
892
893
|
|
|
893
|
-
nav.awsui_show-
|
|
894
|
+
nav.awsui_show-navigation_hyvsj_a6htg_868:not(#\9) {
|
|
894
895
|
padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
|
|
895
896
|
/*
|
|
896
897
|
Apply the animation only in desktop viewports because the AppBar will
|
|
897
898
|
take control in responsive viewports.
|
|
898
899
|
*/
|
|
899
900
|
}
|
|
900
|
-
@keyframes
|
|
901
|
+
@keyframes awsui_showButtons_hyvsj_a6htg_1 {
|
|
901
902
|
0% {
|
|
902
903
|
opacity: 0;
|
|
903
904
|
}
|
|
@@ -905,31 +906,31 @@ nav.awsui_show-navigation_hyvsj_117n2_867:not(#\9) {
|
|
|
905
906
|
opacity: 1;
|
|
906
907
|
}
|
|
907
908
|
}
|
|
908
|
-
nav.awsui_show-
|
|
909
|
+
nav.awsui_show-navigation_hyvsj_a6htg_868.awsui_is-navigation-open_hyvsj_a6htg_750:not(#\9) {
|
|
909
910
|
display: none;
|
|
910
911
|
}
|
|
911
912
|
@media (min-width: 689px) {
|
|
912
|
-
nav.awsui_show-
|
|
913
|
+
nav.awsui_show-navigation_hyvsj_a6htg_868:not(#\9):not(.awsui_is-navigation-open_hyvsj_a6htg_750) {
|
|
913
914
|
display: block;
|
|
914
915
|
}
|
|
915
|
-
nav.awsui_show-
|
|
916
|
-
animation:
|
|
916
|
+
nav.awsui_show-navigation_hyvsj_a6htg_868:not(#\9):not(.awsui_is-navigation-open_hyvsj_a6htg_750).awsui_animating_hyvsj_a6htg_890 {
|
|
917
|
+
animation: awsui_showButtons_hyvsj_a6htg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
917
918
|
}
|
|
918
919
|
}
|
|
919
920
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
920
|
-
nav.awsui_show-
|
|
921
|
+
nav.awsui_show-navigation_hyvsj_a6htg_868:not(#\9):not(.awsui_is-navigation-open_hyvsj_a6htg_750).awsui_animating_hyvsj_a6htg_890 {
|
|
921
922
|
animation: none;
|
|
922
923
|
transition: none;
|
|
923
924
|
}
|
|
924
925
|
}
|
|
925
926
|
@media (min-width: 689px) {
|
|
926
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
927
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_a6htg_868:not(#\9):not(.awsui_is-navigation-open_hyvsj_a6htg_750).awsui_animating_hyvsj_a6htg_890, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_a6htg_868:not(#\9):not(.awsui_is-navigation-open_hyvsj_a6htg_750).awsui_animating_hyvsj_a6htg_890 {
|
|
927
928
|
animation: none;
|
|
928
929
|
transition: none;
|
|
929
930
|
}
|
|
930
931
|
}
|
|
931
932
|
|
|
932
|
-
nav.
|
|
933
|
+
nav.awsui_navigation_hyvsj_a6htg_824:not(#\9) {
|
|
933
934
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
934
935
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
935
936
|
bottom: 0;
|
|
@@ -946,43 +947,43 @@ nav.awsui_navigation_hyvsj_117n2_823:not(#\9) {
|
|
|
946
947
|
prevent unwanted text wrapping.
|
|
947
948
|
*/
|
|
948
949
|
}
|
|
949
|
-
@keyframes
|
|
950
|
+
@keyframes awsui_openNavigation_hyvsj_a6htg_1 {
|
|
950
951
|
from {
|
|
951
952
|
opacity: 0;
|
|
952
953
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
953
954
|
}
|
|
954
955
|
to {
|
|
955
956
|
opacity: 1;
|
|
956
|
-
width: var(--awsui-navigation-width-
|
|
957
|
+
width: var(--awsui-navigation-width-rrnppm);
|
|
957
958
|
}
|
|
958
959
|
}
|
|
959
|
-
nav.
|
|
960
|
+
nav.awsui_navigation_hyvsj_a6htg_824:not(#\9):not(.awsui_is-navigation-open_hyvsj_a6htg_750) {
|
|
960
961
|
width: 0;
|
|
961
962
|
display: none;
|
|
962
963
|
}
|
|
963
|
-
nav.
|
|
964
|
-
animation:
|
|
964
|
+
nav.awsui_navigation_hyvsj_a6htg_824.awsui_is-navigation-open_hyvsj_a6htg_750.awsui_animating_hyvsj_a6htg_890:not(#\9) {
|
|
965
|
+
animation: awsui_openNavigation_hyvsj_a6htg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
965
966
|
}
|
|
966
967
|
@media (prefers-reduced-motion: reduce) {
|
|
967
|
-
nav.
|
|
968
|
+
nav.awsui_navigation_hyvsj_a6htg_824.awsui_is-navigation-open_hyvsj_a6htg_750.awsui_animating_hyvsj_a6htg_890:not(#\9) {
|
|
968
969
|
animation: none;
|
|
969
970
|
transition: none;
|
|
970
971
|
}
|
|
971
972
|
}
|
|
972
|
-
.awsui-motion-disabled nav.
|
|
973
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_a6htg_824.awsui_is-navigation-open_hyvsj_a6htg_750.awsui_animating_hyvsj_a6htg_890:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_a6htg_824.awsui_is-navigation-open_hyvsj_a6htg_750.awsui_animating_hyvsj_a6htg_890:not(#\9) {
|
|
973
974
|
animation: none;
|
|
974
975
|
transition: none;
|
|
975
976
|
}
|
|
976
|
-
nav.
|
|
977
|
-
width: var(--awsui-navigation-width-
|
|
977
|
+
nav.awsui_navigation_hyvsj_a6htg_824 > .awsui_animated-content_hyvsj_a6htg_951:not(#\9) {
|
|
978
|
+
width: var(--awsui-navigation-width-rrnppm);
|
|
978
979
|
}
|
|
979
980
|
@media (max-width: 688px) {
|
|
980
|
-
nav.
|
|
981
|
-
--awsui-navigation-width-
|
|
981
|
+
nav.awsui_navigation_hyvsj_a6htg_824:not(#\9) {
|
|
982
|
+
--awsui-navigation-width-rrnppm: 100vw;
|
|
982
983
|
}
|
|
983
984
|
}
|
|
984
985
|
|
|
985
|
-
.awsui_hide-
|
|
986
|
+
.awsui_hide-navigation_hyvsj_a6htg_960:not(#\9) {
|
|
986
987
|
position: absolute;
|
|
987
988
|
right: var(--space-m-17eucw, 16px);
|
|
988
989
|
top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
|
|
@@ -992,7 +993,7 @@ nav.awsui_navigation_hyvsj_117n2_823 > .awsui_animated-content_hyvsj_117n2_950:n
|
|
|
992
993
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
993
994
|
SPDX-License-Identifier: Apache-2.0
|
|
994
995
|
*/
|
|
995
|
-
.
|
|
996
|
+
.awsui_notifications_hyvsj_a6htg_227:not(#\9) {
|
|
996
997
|
grid-column: 3;
|
|
997
998
|
grid-row: 1;
|
|
998
999
|
z-index: 850;
|
|
@@ -1010,31 +1011,31 @@ nav.awsui_navigation_hyvsj_117n2_823 > .awsui_animated-content_hyvsj_117n2_950:n
|
|
|
1010
1011
|
*/
|
|
1011
1012
|
}
|
|
1012
1013
|
@media (min-width: 689px) {
|
|
1013
|
-
.
|
|
1014
|
+
.awsui_notifications_hyvsj_a6htg_227:not(#\9) {
|
|
1014
1015
|
margin: var(--space-xs-rsr2qu, 8px) 0;
|
|
1015
1016
|
/*
|
|
1016
1017
|
var(--space-xs-rsr2qu, 8px) token needs to align with the $offsetTopWithNotifications
|
|
1017
1018
|
calculation in the layout CSS.
|
|
1018
1019
|
*/
|
|
1019
1020
|
}
|
|
1020
|
-
.
|
|
1021
|
+
.awsui_notifications_hyvsj_a6htg_227.awsui_sticky-notifications_hyvsj_a6htg_240:not(#\9) {
|
|
1021
1022
|
position: sticky;
|
|
1022
|
-
top: calc(var(--awsui-offset-top-
|
|
1023
|
-
--awsui-flashbar-sticky-bottom-margin-
|
|
1023
|
+
top: calc(var(--awsui-offset-top-rrnppm) + var(--space-xs-rsr2qu, 8px));
|
|
1024
|
+
--awsui-flashbar-sticky-bottom-margin-rrnppm: var(--space-xxl-2nvmf1, 32px);
|
|
1024
1025
|
}
|
|
1025
|
-
.
|
|
1026
|
+
.awsui_notifications_hyvsj_a6htg_227:not(#\9):not(.awsui_has-notifications-content_hyvsj_a6htg_175) {
|
|
1026
1027
|
margin: 0;
|
|
1027
1028
|
}
|
|
1028
1029
|
}
|
|
1029
1030
|
@media (max-width: 688px) {
|
|
1030
|
-
.
|
|
1031
|
+
.awsui_notifications_hyvsj_a6htg_227:not(#\9) {
|
|
1031
1032
|
grid-row: 2;
|
|
1032
1033
|
margin: var(--space-scaled-s-cu1hzn, 12px) 0;
|
|
1033
1034
|
}
|
|
1034
|
-
.
|
|
1035
|
+
.awsui_notifications_hyvsj_a6htg_227.awsui_sticky-notifications_hyvsj_a6htg_240:not(#\9) {
|
|
1035
1036
|
position: static;
|
|
1036
1037
|
}
|
|
1037
|
-
.
|
|
1038
|
+
.awsui_notifications_hyvsj_a6htg_227:not(#\9):not(.awsui_has-notifications-content_hyvsj_a6htg_175) {
|
|
1038
1039
|
margin: 0;
|
|
1039
1040
|
}
|
|
1040
1041
|
}
|
|
@@ -1049,13 +1050,13 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
1049
1050
|
consume the remaining vertical space in the grid after the notifications
|
|
1050
1051
|
and breadcrumbs.
|
|
1051
1052
|
*/
|
|
1052
|
-
section.awsui_split-panel-
|
|
1053
|
+
section.awsui_split-panel-bottom_hyvsj_a6htg_1027:not(#\9) {
|
|
1053
1054
|
/*
|
|
1054
1055
|
The align self property will position the split panel at the bottom of the grid row.
|
|
1055
1056
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
1056
1057
|
*/
|
|
1057
1058
|
align-self: end;
|
|
1058
|
-
bottom: var(--awsui-footer-height-
|
|
1059
|
+
bottom: var(--awsui-footer-height-rrnppm);
|
|
1059
1060
|
display: none;
|
|
1060
1061
|
grid-column: 1/6;
|
|
1061
1062
|
grid-row: 5;
|
|
@@ -1084,47 +1085,47 @@ section.awsui_split-panel-bottom_hyvsj_117n2_1026:not(#\9) {
|
|
|
1084
1085
|
apply the animation to the height property.
|
|
1085
1086
|
*/
|
|
1086
1087
|
}
|
|
1087
|
-
@keyframes
|
|
1088
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_a6htg_1 {
|
|
1088
1089
|
from {
|
|
1089
|
-
height: var(--awsui-split-panel-reported-header-size-
|
|
1090
|
+
height: var(--awsui-split-panel-reported-header-size-rrnppm, 0);
|
|
1090
1091
|
}
|
|
1091
1092
|
to {
|
|
1092
|
-
height: var(--awsui-split-panel-reported-size-
|
|
1093
|
+
height: var(--awsui-split-panel-reported-size-rrnppm);
|
|
1093
1094
|
}
|
|
1094
1095
|
}
|
|
1095
|
-
section.awsui_split-panel-
|
|
1096
|
+
section.awsui_split-panel-bottom_hyvsj_a6htg_1027.awsui_disable-body-scroll_hyvsj_a6htg_320:not(#\9) {
|
|
1096
1097
|
bottom: 0;
|
|
1097
1098
|
}
|
|
1098
|
-
section.awsui_split-panel-
|
|
1099
|
+
section.awsui_split-panel-bottom_hyvsj_a6htg_1027.awsui_is-navigation-open_hyvsj_a6htg_750.awsui_position-bottom_hyvsj_a6htg_1073:not(#\9) {
|
|
1099
1100
|
grid-column-start: 2;
|
|
1100
1101
|
}
|
|
1101
|
-
section.awsui_split-panel-
|
|
1102
|
+
section.awsui_split-panel-bottom_hyvsj_a6htg_1027.awsui_has-open-drawer_hyvsj_a6htg_286.awsui_position-bottom_hyvsj_a6htg_1073:not(#\9) {
|
|
1102
1103
|
grid-column-end: 5;
|
|
1103
1104
|
}
|
|
1104
|
-
section.awsui_split-panel-
|
|
1105
|
+
section.awsui_split-panel-bottom_hyvsj_a6htg_1027.awsui_position-bottom_hyvsj_a6htg_1073:not(#\9) {
|
|
1105
1106
|
display: block;
|
|
1106
1107
|
}
|
|
1107
|
-
section.awsui_split-panel-
|
|
1108
|
+
section.awsui_split-panel-bottom_hyvsj_a6htg_1027:not(#\9):not(.awsui_is-split-panel-open_hyvsj_a6htg_753).awsui_position-bottom_hyvsj_a6htg_1073 {
|
|
1108
1109
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
1109
1110
|
}
|
|
1110
|
-
section.awsui_split-panel-
|
|
1111
|
+
section.awsui_split-panel-bottom_hyvsj_a6htg_1027.awsui_is-split-panel-open_hyvsj_a6htg_753.awsui_position-bottom_hyvsj_a6htg_1073:not(#\9) {
|
|
1111
1112
|
box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
1112
1113
|
}
|
|
1113
|
-
section.awsui_split-panel-
|
|
1114
|
-
animation:
|
|
1114
|
+
section.awsui_split-panel-bottom_hyvsj_a6htg_1027.awsui_is-split-panel-open_hyvsj_a6htg_753.awsui_position-bottom_hyvsj_a6htg_1073.awsui_animating_hyvsj_a6htg_890:not(#\9) {
|
|
1115
|
+
animation: awsui_openSplitPanelBottom_hyvsj_a6htg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1115
1116
|
}
|
|
1116
1117
|
@media (prefers-reduced-motion: reduce) {
|
|
1117
|
-
section.awsui_split-panel-
|
|
1118
|
+
section.awsui_split-panel-bottom_hyvsj_a6htg_1027.awsui_is-split-panel-open_hyvsj_a6htg_753.awsui_position-bottom_hyvsj_a6htg_1073.awsui_animating_hyvsj_a6htg_890:not(#\9) {
|
|
1118
1119
|
animation: none;
|
|
1119
1120
|
transition: none;
|
|
1120
1121
|
}
|
|
1121
1122
|
}
|
|
1122
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
1123
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_a6htg_1027.awsui_is-split-panel-open_hyvsj_a6htg_753.awsui_position-bottom_hyvsj_a6htg_1073.awsui_animating_hyvsj_a6htg_890:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_a6htg_1027.awsui_is-split-panel-open_hyvsj_a6htg_753.awsui_position-bottom_hyvsj_a6htg_1073.awsui_animating_hyvsj_a6htg_890:not(#\9) {
|
|
1123
1124
|
animation: none;
|
|
1124
1125
|
transition: none;
|
|
1125
1126
|
}
|
|
1126
1127
|
|
|
1127
|
-
section.awsui_split-panel-
|
|
1128
|
+
section.awsui_split-panel-side_hyvsj_a6htg_1102:not(#\9) {
|
|
1128
1129
|
height: 100%;
|
|
1129
1130
|
overflow-x: hidden;
|
|
1130
1131
|
pointer-events: auto;
|
|
@@ -1139,41 +1140,41 @@ section.awsui_split-panel-side_hyvsj_117n2_1101:not(#\9) {
|
|
|
1139
1140
|
prevent unwanted text wrapping.
|
|
1140
1141
|
*/
|
|
1141
1142
|
}
|
|
1142
|
-
@keyframes
|
|
1143
|
+
@keyframes awsui_openSplitPanelSide_hyvsj_a6htg_1 {
|
|
1143
1144
|
from {
|
|
1144
1145
|
opacity: 0;
|
|
1145
|
-
width: var(--awsui-split-panel-min-width-
|
|
1146
|
+
width: var(--awsui-split-panel-min-width-rrnppm, 280px);
|
|
1146
1147
|
}
|
|
1147
1148
|
to {
|
|
1148
1149
|
opacity: 1;
|
|
1149
|
-
width: var(--awsui-split-panel-reported-size-
|
|
1150
|
+
width: var(--awsui-split-panel-reported-size-rrnppm);
|
|
1150
1151
|
}
|
|
1151
1152
|
}
|
|
1152
|
-
section.awsui_split-panel-
|
|
1153
|
+
section.awsui_split-panel-side_hyvsj_a6htg_1102:not(#\9):not(.awsui_is-split-panel-open_hyvsj_a6htg_753), section.awsui_split-panel-side_hyvsj_a6htg_1102.awsui_position-bottom_hyvsj_a6htg_1073:not(#\9) {
|
|
1153
1154
|
width: 0;
|
|
1154
1155
|
}
|
|
1155
|
-
section.awsui_split-panel-
|
|
1156
|
+
section.awsui_split-panel-side_hyvsj_a6htg_1102.awsui_is-split-panel-open_hyvsj_a6htg_753.awsui_position-side_hyvsj_a6htg_1130:not(#\9) {
|
|
1156
1157
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1157
|
-
max-width: var(--awsui-split-panel-max-width-
|
|
1158
|
-
min-width: var(--awsui-split-panel-min-width-
|
|
1158
|
+
max-width: var(--awsui-split-panel-max-width-rrnppm, 280px);
|
|
1159
|
+
min-width: var(--awsui-split-panel-min-width-rrnppm, 280px);
|
|
1159
1160
|
}
|
|
1160
|
-
section.awsui_split-panel-
|
|
1161
|
-
animation:
|
|
1161
|
+
section.awsui_split-panel-side_hyvsj_a6htg_1102.awsui_is-split-panel-open_hyvsj_a6htg_753.awsui_position-side_hyvsj_a6htg_1130.awsui_animating_hyvsj_a6htg_890:not(#\9) {
|
|
1162
|
+
animation: awsui_openSplitPanelSide_hyvsj_a6htg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1162
1163
|
}
|
|
1163
1164
|
@media (prefers-reduced-motion: reduce) {
|
|
1164
|
-
section.awsui_split-panel-
|
|
1165
|
+
section.awsui_split-panel-side_hyvsj_a6htg_1102.awsui_is-split-panel-open_hyvsj_a6htg_753.awsui_position-side_hyvsj_a6htg_1130.awsui_animating_hyvsj_a6htg_890:not(#\9) {
|
|
1165
1166
|
animation: none;
|
|
1166
1167
|
transition: none;
|
|
1167
1168
|
}
|
|
1168
1169
|
}
|
|
1169
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
1170
|
+
.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_a6htg_1102.awsui_is-split-panel-open_hyvsj_a6htg_753.awsui_position-side_hyvsj_a6htg_1130.awsui_animating_hyvsj_a6htg_890:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_a6htg_1102.awsui_is-split-panel-open_hyvsj_a6htg_753.awsui_position-side_hyvsj_a6htg_1130.awsui_animating_hyvsj_a6htg_890:not(#\9) {
|
|
1170
1171
|
animation: none;
|
|
1171
1172
|
transition: none;
|
|
1172
1173
|
}
|
|
1173
|
-
section.awsui_split-panel-
|
|
1174
|
+
section.awsui_split-panel-side_hyvsj_a6htg_1102 > .awsui_animated-content_hyvsj_a6htg_951:not(#\9) {
|
|
1174
1175
|
height: 100%;
|
|
1175
1176
|
max-width: inherit;
|
|
1176
|
-
width: var(--awsui-split-panel-reported-size-
|
|
1177
|
+
width: var(--awsui-split-panel-reported-size-rrnppm);
|
|
1177
1178
|
}
|
|
1178
1179
|
|
|
1179
1180
|
/*
|
|
@@ -1189,30 +1190,30 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
1189
1190
|
property. The content gap right is computed in the Layout styles based on the
|
|
1190
1191
|
viewport size and state of the Tools drawer.
|
|
1191
1192
|
*/
|
|
1192
|
-
.awsui_tools-
|
|
1193
|
+
.awsui_tools-container_hyvsj_a6htg_1167:not(#\9) {
|
|
1193
1194
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
1194
|
-
--awsui-tools-max-width-
|
|
1195
|
+
--awsui-tools-max-width-rrnppm: calc(var(--awsui-layout-width-rrnppm) - var(--awsui-main-offset-left-rrnppm) - var(--awsui-default-min-content-width-rrnppm) - var(--awsui-content-gap-right-rrnppm));
|
|
1195
1196
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
1196
|
-
--awsui-tools-width-
|
|
1197
|
+
--awsui-tools-width-rrnppm: 290px;
|
|
1197
1198
|
display: flex;
|
|
1198
1199
|
grid-column: 5;
|
|
1199
1200
|
grid-row: 1/span 5;
|
|
1200
|
-
height: var(--awsui-content-height-
|
|
1201
|
-
max-width: var(--awsui-tools-max-width-
|
|
1201
|
+
height: var(--awsui-content-height-rrnppm);
|
|
1202
|
+
max-width: var(--awsui-tools-max-width-rrnppm);
|
|
1202
1203
|
position: sticky;
|
|
1203
|
-
top: var(--awsui-offset-top-
|
|
1204
|
+
top: var(--awsui-offset-top-rrnppm);
|
|
1204
1205
|
z-index: 830;
|
|
1205
1206
|
pointer-events: none;
|
|
1206
1207
|
}
|
|
1207
1208
|
@media (min-width: 2541px) {
|
|
1208
|
-
.awsui_tools-
|
|
1209
|
-
--awsui-tools-width-
|
|
1209
|
+
.awsui_tools-container_hyvsj_a6htg_1167:not(#\9) {
|
|
1210
|
+
--awsui-tools-width-rrnppm: 360px;
|
|
1210
1211
|
}
|
|
1211
1212
|
}
|
|
1212
1213
|
@media (max-width: 688px) {
|
|
1213
|
-
.awsui_tools-
|
|
1214
|
-
--awsui-tools-max-width-
|
|
1215
|
-
--awsui-tools-width-
|
|
1214
|
+
.awsui_tools-container_hyvsj_a6htg_1167:not(#\9) {
|
|
1215
|
+
--awsui-tools-max-width-rrnppm: none;
|
|
1216
|
+
--awsui-tools-width-rrnppm: auto;
|
|
1216
1217
|
position: fixed;
|
|
1217
1218
|
right: 0;
|
|
1218
1219
|
z-index: 1001;
|
|
@@ -1224,12 +1225,12 @@ viewport size and state of the Tools drawer.
|
|
|
1224
1225
|
relative to the body.
|
|
1225
1226
|
*/
|
|
1226
1227
|
}
|
|
1227
|
-
.awsui_tools-
|
|
1228
|
-
top: var(--awsui-header-height-
|
|
1228
|
+
.awsui_tools-container_hyvsj_a6htg_1167.awsui_disable-body-scroll_hyvsj_a6htg_320:not(#\9) {
|
|
1229
|
+
top: var(--awsui-header-height-rrnppm);
|
|
1229
1230
|
}
|
|
1230
1231
|
}
|
|
1231
1232
|
|
|
1232
|
-
.
|
|
1233
|
+
.awsui_tools_hyvsj_a6htg_1167:not(#\9) {
|
|
1233
1234
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
1234
1235
|
box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1235
1236
|
flex-shrink: 0;
|
|
@@ -1252,48 +1253,48 @@ viewport size and state of the Tools drawer.
|
|
|
1252
1253
|
in the side position.
|
|
1253
1254
|
*/
|
|
1254
1255
|
}
|
|
1255
|
-
@keyframes
|
|
1256
|
+
@keyframes awsui_openTools_hyvsj_a6htg_1 {
|
|
1256
1257
|
from {
|
|
1257
|
-
opacity: var(--awsui-tools-animation-starting-opacity-
|
|
1258
|
+
opacity: var(--awsui-tools-animation-starting-opacity-rrnppm, 0);
|
|
1258
1259
|
width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
|
|
1259
1260
|
}
|
|
1260
1261
|
to {
|
|
1261
1262
|
opacity: 1;
|
|
1262
|
-
width: var(--awsui-tools-width-
|
|
1263
|
+
width: var(--awsui-tools-width-rrnppm);
|
|
1263
1264
|
}
|
|
1264
1265
|
}
|
|
1265
|
-
.
|
|
1266
|
+
.awsui_tools_hyvsj_a6htg_1167:not(#\9):not(.awsui_is-tools-open_hyvsj_a6htg_753) {
|
|
1266
1267
|
width: 0;
|
|
1267
1268
|
display: none;
|
|
1268
1269
|
}
|
|
1269
|
-
.
|
|
1270
|
-
animation:
|
|
1270
|
+
.awsui_tools_hyvsj_a6htg_1167.awsui_is-tools-open_hyvsj_a6htg_753.awsui_animating_hyvsj_a6htg_890:not(#\9) {
|
|
1271
|
+
animation: awsui_openTools_hyvsj_a6htg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1271
1272
|
}
|
|
1272
1273
|
@media (prefers-reduced-motion: reduce) {
|
|
1273
|
-
.
|
|
1274
|
+
.awsui_tools_hyvsj_a6htg_1167.awsui_is-tools-open_hyvsj_a6htg_753.awsui_animating_hyvsj_a6htg_890:not(#\9) {
|
|
1274
1275
|
animation: none;
|
|
1275
1276
|
transition: none;
|
|
1276
1277
|
}
|
|
1277
1278
|
}
|
|
1278
|
-
.awsui-motion-disabled .
|
|
1279
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_a6htg_1167.awsui_is-tools-open_hyvsj_a6htg_753.awsui_animating_hyvsj_a6htg_890:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_a6htg_1167.awsui_is-tools-open_hyvsj_a6htg_753.awsui_animating_hyvsj_a6htg_890:not(#\9) {
|
|
1279
1280
|
animation: none;
|
|
1280
1281
|
transition: none;
|
|
1281
1282
|
}
|
|
1282
|
-
.
|
|
1283
|
-
width: var(--awsui-tools-width-
|
|
1283
|
+
.awsui_tools_hyvsj_a6htg_1167 > .awsui_animated-content_hyvsj_a6htg_951:not(#\9) {
|
|
1284
|
+
width: var(--awsui-tools-width-rrnppm);
|
|
1284
1285
|
}
|
|
1285
1286
|
@media (min-width: 689px) {
|
|
1286
|
-
.
|
|
1287
|
+
.awsui_tools_hyvsj_a6htg_1167.awsui_is-tools-open_hyvsj_a6htg_753.awsui_has-tools-form-persistence_hyvsj_a6htg_1261:not(#\9) {
|
|
1287
1288
|
border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
1288
1289
|
}
|
|
1289
1290
|
}
|
|
1290
1291
|
@media (max-width: 688px) {
|
|
1291
|
-
.
|
|
1292
|
-
--awsui-tools-width-
|
|
1292
|
+
.awsui_tools_hyvsj_a6htg_1167:not(#\9) {
|
|
1293
|
+
--awsui-tools-width-rrnppm: 100vw;
|
|
1293
1294
|
}
|
|
1294
1295
|
}
|
|
1295
1296
|
|
|
1296
|
-
.awsui_hide-
|
|
1297
|
+
.awsui_hide-tools_hyvsj_a6htg_1271:not(#\9) {
|
|
1297
1298
|
position: absolute;
|
|
1298
1299
|
right: var(--space-m-17eucw, 16px);
|
|
1299
1300
|
top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
|
|
@@ -1305,7 +1306,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1305
1306
|
the calculation used to determine the Split Panel maximum width in the
|
|
1306
1307
|
handleSplitPanelMaxWidth function in the context.
|
|
1307
1308
|
*/
|
|
1308
|
-
.awsui_show-
|
|
1309
|
+
.awsui_show-tools_hyvsj_a6htg_1283:not(#\9) {
|
|
1309
1310
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1310
1311
|
border-collapse: separate;
|
|
1311
1312
|
border-spacing: 0;
|
|
@@ -1349,7 +1350,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1349
1350
|
take control in responsive viewports.
|
|
1350
1351
|
*/
|
|
1351
1352
|
}
|
|
1352
|
-
@keyframes
|
|
1353
|
+
@keyframes awsui_showButtons_hyvsj_a6htg_1 {
|
|
1353
1354
|
0% {
|
|
1354
1355
|
opacity: 0;
|
|
1355
1356
|
}
|
|
@@ -1357,33 +1358,33 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1357
1358
|
opacity: 1;
|
|
1358
1359
|
}
|
|
1359
1360
|
}
|
|
1360
|
-
.awsui_show-
|
|
1361
|
+
.awsui_show-tools_hyvsj_a6htg_1283:not(#\9):not(.awsui_has-tools-form_hyvsj_a6htg_1261) {
|
|
1361
1362
|
display: none;
|
|
1362
1363
|
}
|
|
1363
1364
|
@media (min-width: 689px) {
|
|
1364
|
-
.awsui_show-
|
|
1365
|
+
.awsui_show-tools_hyvsj_a6htg_1283.awsui_has-tools-form_hyvsj_a6htg_1261:not(#\9) {
|
|
1365
1366
|
display: flex;
|
|
1366
1367
|
flex-direction: column;
|
|
1367
1368
|
gap: var(--space-xs-rsr2qu, 8px);
|
|
1368
1369
|
}
|
|
1369
|
-
.awsui_show-
|
|
1370
|
-
animation:
|
|
1370
|
+
.awsui_show-tools_hyvsj_a6htg_1283.awsui_has-tools-form_hyvsj_a6htg_1261.awsui_animating_hyvsj_a6htg_890:not(#\9) {
|
|
1371
|
+
animation: awsui_showButtons_hyvsj_a6htg_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
|
|
1371
1372
|
}
|
|
1372
1373
|
}
|
|
1373
1374
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1374
|
-
.awsui_show-
|
|
1375
|
+
.awsui_show-tools_hyvsj_a6htg_1283.awsui_has-tools-form_hyvsj_a6htg_1261.awsui_animating_hyvsj_a6htg_890:not(#\9) {
|
|
1375
1376
|
animation: none;
|
|
1376
1377
|
transition: none;
|
|
1377
1378
|
}
|
|
1378
1379
|
}
|
|
1379
1380
|
@media (min-width: 689px) {
|
|
1380
|
-
.awsui-motion-disabled .awsui_show-
|
|
1381
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_a6htg_1283.awsui_has-tools-form_hyvsj_a6htg_1261.awsui_animating_hyvsj_a6htg_890:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_a6htg_1283.awsui_has-tools-form_hyvsj_a6htg_1261.awsui_animating_hyvsj_a6htg_890:not(#\9) {
|
|
1381
1382
|
animation: none;
|
|
1382
1383
|
transition: none;
|
|
1383
1384
|
}
|
|
1384
1385
|
}
|
|
1385
1386
|
@media (min-width: 689px) {
|
|
1386
|
-
.awsui_show-
|
|
1387
|
+
.awsui_show-tools_hyvsj_a6htg_1283.awsui_has-tools-form-persistence_hyvsj_a6htg_1261:not(#\9) {
|
|
1387
1388
|
background-color: var(--color-background-container-content-i8i4a0, #ffffff);
|
|
1388
1389
|
z-index: 1;
|
|
1389
1390
|
}
|
|
@@ -1398,7 +1399,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1398
1399
|
the calculation used to determine the Split Panel maximum width in the
|
|
1399
1400
|
handleSplitPanelMaxWidth function in the context.
|
|
1400
1401
|
*/
|
|
1401
|
-
.
|
|
1402
|
+
.awsui_trigger_hyvsj_a6htg_1350:not(#\9) {
|
|
1402
1403
|
background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
|
|
1403
1404
|
border: none;
|
|
1404
1405
|
border-radius: 50%;
|
|
@@ -1410,14 +1411,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1410
1411
|
width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
|
|
1411
1412
|
pointer-events: auto;
|
|
1412
1413
|
}
|
|
1413
|
-
body[data-awsui-focus-visible=true] .
|
|
1414
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_a6htg_1350:not(#\9):focus {
|
|
1414
1415
|
position: relative;
|
|
1415
1416
|
}
|
|
1416
|
-
body[data-awsui-focus-visible=true] .
|
|
1417
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_a6htg_1350:not(#\9):focus {
|
|
1417
1418
|
outline: 2px dotted transparent;
|
|
1418
1419
|
outline-offset: calc(3px - 1px);
|
|
1419
1420
|
}
|
|
1420
|
-
body[data-awsui-focus-visible=true] .
|
|
1421
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_a6htg_1350:not(#\9):focus::before {
|
|
1421
1422
|
content: " ";
|
|
1422
1423
|
display: block;
|
|
1423
1424
|
position: absolute;
|
|
@@ -1428,23 +1429,23 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_117n2_1349:not(#\9):foc
|
|
|
1428
1429
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
1429
1430
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
1430
1431
|
}
|
|
1431
|
-
.
|
|
1432
|
+
.awsui_trigger_hyvsj_a6htg_1350:not(#\9):focus {
|
|
1432
1433
|
outline: none;
|
|
1433
1434
|
}
|
|
1434
|
-
.
|
|
1435
|
+
.awsui_trigger_hyvsj_a6htg_1350:not(#\9):hover {
|
|
1435
1436
|
background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
|
|
1436
1437
|
}
|
|
1437
|
-
.
|
|
1438
|
+
.awsui_trigger_hyvsj_a6htg_1350:not(#\9):active {
|
|
1438
1439
|
background: var(--color-background-layout-toggle-active-d15dki, #354150);
|
|
1439
1440
|
}
|
|
1440
|
-
.
|
|
1441
|
+
.awsui_trigger_hyvsj_a6htg_1350.awsui_selected_hyvsj_a6htg_1389:not(#\9) {
|
|
1441
1442
|
background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
|
|
1442
1443
|
color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
|
|
1443
1444
|
}
|
|
1444
|
-
.
|
|
1445
|
+
.awsui_trigger_hyvsj_a6htg_1350.awsui_selected_hyvsj_a6htg_1389:not(#\9):hover {
|
|
1445
1446
|
background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
|
|
1446
1447
|
}
|
|
1447
|
-
.
|
|
1448
|
+
.awsui_trigger_hyvsj_a6htg_1350.awsui_selected_hyvsj_a6htg_1389:not(#\9):active {
|
|
1448
1449
|
background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
|
|
1449
1450
|
}
|
|
1450
1451
|
|