@cloudscape-design/components 3.0.404 → 3.0.405
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/drawer/index.d.ts.map +1 -1
- package/app-layout/drawer/index.js +2 -1
- package/app-layout/drawer/index.js.map +1 -1
- package/app-layout/drawer/interfaces.d.ts +2 -0
- 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.d.ts +1 -1
- package/app-layout/drawer/resizable-drawer.d.ts.map +1 -1
- package/app-layout/drawer/resizable-drawer.js +7 -3
- package/app-layout/drawer/resizable-drawer.js.map +1 -1
- package/app-layout/index.d.ts.map +1 -1
- package/app-layout/index.js +21 -23
- package/app-layout/index.js.map +1 -1
- package/app-layout/utils/use-drawers.d.ts +1 -1
- package/app-layout/utils/use-drawers.d.ts.map +1 -1
- package/app-layout/utils/use-drawers.js +1 -1
- package/app-layout/utils/use-drawers.js.map +1 -1
- package/app-layout/visual-refresh/context.js +1 -1
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/drawers.d.ts.map +1 -1
- package/app-layout/visual-refresh/drawers.js +4 -2
- package/app-layout/visual-refresh/drawers.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +77 -76
- package/app-layout/visual-refresh/styles.scoped.css +175 -172
- package/app-layout/visual-refresh/styles.selectors.js +77 -76
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
|
@@ -90,16 +90,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
div.
|
|
93
|
+
div.awsui_background_hyvsj_p48sj_93:not(#\9) {
|
|
94
94
|
display: contents;
|
|
95
95
|
}
|
|
96
|
-
div.
|
|
96
|
+
div.awsui_background_hyvsj_p48sj_93 > .awsui_scrolling-background_hyvsj_p48sj_96:not(#\9) {
|
|
97
97
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
98
98
|
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
99
99
|
grid-column: 1/span 5;
|
|
100
100
|
grid-row: 1/10;
|
|
101
101
|
}
|
|
102
|
-
div.
|
|
102
|
+
div.awsui_background_hyvsj_p48sj_93 > .awsui_sticky-background_hyvsj_p48sj_102:not(#\9) {
|
|
103
103
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
104
104
|
grid-column: 1/span 5;
|
|
105
105
|
grid-row: 1/10;
|
|
@@ -107,10 +107,10 @@ div.awsui_background_hyvsj_1q0bp_93 > .awsui_sticky-background_hyvsj_1q0bp_102:n
|
|
|
107
107
|
top: var(--awsui-header-height-y98gph);
|
|
108
108
|
z-index: 799;
|
|
109
109
|
}
|
|
110
|
-
div.
|
|
110
|
+
div.awsui_background_hyvsj_p48sj_93 > .awsui_sticky-background_hyvsj_p48sj_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_p48sj_110) {
|
|
111
111
|
height: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph));
|
|
112
112
|
}
|
|
113
|
-
div.
|
|
113
|
+
div.awsui_background_hyvsj_p48sj_93 > .awsui_sticky-background_hyvsj_p48sj_102.awsui_has-sticky-notifications_hyvsj_p48sj_110:not(#\9) {
|
|
114
114
|
height: calc(
|
|
115
115
|
var(--awsui-notifications-gap-y98gph) + var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-y98gph)
|
|
116
116
|
);
|
|
@@ -120,7 +120,7 @@ div.awsui_background_hyvsj_1q0bp_93 > .awsui_sticky-background_hyvsj_1q0bp_102.a
|
|
|
120
120
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
121
121
|
SPDX-License-Identifier: Apache-2.0
|
|
122
122
|
*/
|
|
123
|
-
.
|
|
123
|
+
.awsui_breadcrumbs_hyvsj_p48sj_123:not(#\9) {
|
|
124
124
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
125
125
|
grid-area: breadcrumbs;
|
|
126
126
|
/*
|
|
@@ -130,7 +130,7 @@ div.awsui_background_hyvsj_1q0bp_93 > .awsui_sticky-background_hyvsj_1q0bp_102.a
|
|
|
130
130
|
be lifted so it doesn't render behind the background element.
|
|
131
131
|
*/
|
|
132
132
|
}
|
|
133
|
-
.
|
|
133
|
+
.awsui_breadcrumbs_hyvsj_p48sj_123.awsui_has-sticky-background_hyvsj_p48sj_133:not(#\9) {
|
|
134
134
|
z-index: 799;
|
|
135
135
|
}
|
|
136
136
|
|
|
@@ -142,7 +142,7 @@ div.awsui_background_hyvsj_1q0bp_93 > .awsui_sticky-background_hyvsj_1q0bp_102.a
|
|
|
142
142
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
143
143
|
SPDX-License-Identifier: Apache-2.0
|
|
144
144
|
*/
|
|
145
|
-
.awsui_drawers-
|
|
145
|
+
.awsui_drawers-container_hyvsj_p48sj_145:not(#\9) {
|
|
146
146
|
background-color: transparent;
|
|
147
147
|
display: flex;
|
|
148
148
|
grid-column: 5;
|
|
@@ -153,30 +153,30 @@ div.awsui_background_hyvsj_1q0bp_93 > .awsui_sticky-background_hyvsj_1q0bp_102.a
|
|
|
153
153
|
top: var(--awsui-offset-top-y98gph);
|
|
154
154
|
z-index: 830;
|
|
155
155
|
}
|
|
156
|
-
.awsui_drawers-
|
|
156
|
+
.awsui_drawers-container_hyvsj_p48sj_145.awsui_has-open-drawer_hyvsj_p48sj_156:not(#\9) {
|
|
157
157
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
158
158
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
159
159
|
transition: background-color var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
160
160
|
}
|
|
161
161
|
@media (prefers-reduced-motion: reduce) {
|
|
162
|
-
.awsui_drawers-
|
|
162
|
+
.awsui_drawers-container_hyvsj_p48sj_145.awsui_has-open-drawer_hyvsj_p48sj_156:not(#\9) {
|
|
163
163
|
animation: none;
|
|
164
164
|
transition: none;
|
|
165
165
|
}
|
|
166
166
|
}
|
|
167
|
-
.awsui-motion-disabled .awsui_drawers-
|
|
167
|
+
.awsui-motion-disabled .awsui_drawers-container_hyvsj_p48sj_145.awsui_has-open-drawer_hyvsj_p48sj_156:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_p48sj_145.awsui_has-open-drawer_hyvsj_p48sj_156:not(#\9) {
|
|
168
168
|
animation: none;
|
|
169
169
|
transition: none;
|
|
170
170
|
}
|
|
171
171
|
@media (min-width: 689px) {
|
|
172
|
-
.awsui_drawers-
|
|
172
|
+
.awsui_drawers-container_hyvsj_p48sj_145:not(#\9) {
|
|
173
173
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
174
174
|
max-width: calc(var(--awsui-layout-width-y98gph) - var(--awsui-main-offset-left-y98gph) - var(--awsui-default-min-content-width-y98gph) - var(--awsui-content-gap-right-y98gph));
|
|
175
175
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
176
176
|
}
|
|
177
177
|
}
|
|
178
178
|
@media (max-width: 688px) {
|
|
179
|
-
.awsui_drawers-
|
|
179
|
+
.awsui_drawers-container_hyvsj_p48sj_145:not(#\9) {
|
|
180
180
|
position: fixed;
|
|
181
181
|
right: 0;
|
|
182
182
|
z-index: 1001;
|
|
@@ -188,12 +188,12 @@ div.awsui_background_hyvsj_1q0bp_93 > .awsui_sticky-background_hyvsj_1q0bp_102.a
|
|
|
188
188
|
relative to the body.
|
|
189
189
|
*/
|
|
190
190
|
}
|
|
191
|
-
.awsui_drawers-
|
|
191
|
+
.awsui_drawers-container_hyvsj_p48sj_145.awsui_disable-body-scroll_hyvsj_p48sj_191:not(#\9) {
|
|
192
192
|
top: var(--awsui-header-height-y98gph);
|
|
193
193
|
}
|
|
194
194
|
}
|
|
195
195
|
|
|
196
|
-
.awsui_drawers-desktop-triggers-
|
|
196
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_p48sj_196:not(#\9) {
|
|
197
197
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
198
198
|
border-collapse: separate;
|
|
199
199
|
border-spacing: 0;
|
|
@@ -238,43 +238,43 @@ div.awsui_background_hyvsj_1q0bp_93 > .awsui_sticky-background_hyvsj_1q0bp_102.a
|
|
|
238
238
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
239
239
|
overscroll-behavior-y: contain;
|
|
240
240
|
}
|
|
241
|
-
.awsui_drawers-desktop-triggers-
|
|
241
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_p48sj_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_p48sj_215).awsui_has-open-drawer_hyvsj_p48sj_156 {
|
|
242
242
|
width: 0;
|
|
243
243
|
}
|
|
244
|
-
.awsui_drawers-desktop-triggers-
|
|
244
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_p48sj_196.awsui_has-multiple-triggers_hyvsj_p48sj_215.awsui_has-open-drawer_hyvsj_p48sj_156:not(#\9) {
|
|
245
245
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
246
246
|
transition: background-color var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
247
247
|
}
|
|
248
248
|
@media (prefers-reduced-motion: reduce) {
|
|
249
|
-
.awsui_drawers-desktop-triggers-
|
|
249
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_p48sj_196.awsui_has-multiple-triggers_hyvsj_p48sj_215.awsui_has-open-drawer_hyvsj_p48sj_156:not(#\9) {
|
|
250
250
|
animation: none;
|
|
251
251
|
transition: none;
|
|
252
252
|
}
|
|
253
253
|
}
|
|
254
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
254
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_p48sj_196.awsui_has-multiple-triggers_hyvsj_p48sj_215.awsui_has-open-drawer_hyvsj_p48sj_156:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_p48sj_196.awsui_has-multiple-triggers_hyvsj_p48sj_215.awsui_has-open-drawer_hyvsj_p48sj_156:not(#\9) {
|
|
255
255
|
animation: none;
|
|
256
256
|
transition: none;
|
|
257
257
|
}
|
|
258
|
-
.awsui_drawers-desktop-triggers-
|
|
258
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_p48sj_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_p48sj_215):not(.awsui_has-open-drawer_hyvsj_p48sj_156) {
|
|
259
259
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
260
260
|
transition: width var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
261
261
|
}
|
|
262
262
|
@media (prefers-reduced-motion: reduce) {
|
|
263
|
-
.awsui_drawers-desktop-triggers-
|
|
263
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_p48sj_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_p48sj_215):not(.awsui_has-open-drawer_hyvsj_p48sj_156) {
|
|
264
264
|
animation: none;
|
|
265
265
|
transition: none;
|
|
266
266
|
}
|
|
267
267
|
}
|
|
268
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
268
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_p48sj_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_p48sj_215):not(.awsui_has-open-drawer_hyvsj_p48sj_156), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_p48sj_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_p48sj_215):not(.awsui_has-open-drawer_hyvsj_p48sj_156) {
|
|
269
269
|
animation: none;
|
|
270
270
|
transition: none;
|
|
271
271
|
}
|
|
272
272
|
|
|
273
|
-
.awsui_drawers-mobile-triggers-
|
|
273
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_p48sj_247:not(#\9) {
|
|
274
274
|
display: flex;
|
|
275
275
|
}
|
|
276
276
|
|
|
277
|
-
.awsui_drawers-trigger-
|
|
277
|
+
.awsui_drawers-trigger-content_hyvsj_p48sj_251:not(#\9) {
|
|
278
278
|
align-items: center;
|
|
279
279
|
display: flex;
|
|
280
280
|
flex-direction: column;
|
|
@@ -282,25 +282,25 @@ div.awsui_background_hyvsj_1q0bp_93 > .awsui_sticky-background_hyvsj_1q0bp_102.a
|
|
|
282
282
|
padding-top: var(--space-scaled-s-aqzyko, 12px);
|
|
283
283
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
284
284
|
}
|
|
285
|
-
.awsui_drawers-trigger-
|
|
285
|
+
.awsui_drawers-trigger-content_hyvsj_p48sj_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_p48sj_215).awsui_has-open-drawer_hyvsj_p48sj_156 {
|
|
286
286
|
opacity: 0;
|
|
287
287
|
}
|
|
288
|
-
.awsui_drawers-trigger-
|
|
288
|
+
.awsui_drawers-trigger-content_hyvsj_p48sj_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_p48sj_215):not(.awsui_has-open-drawer_hyvsj_p48sj_156) {
|
|
289
289
|
opacity: 1;
|
|
290
290
|
transition: opacity var(--motion-duration-refresh-only-medium-nf6485, 165ms);
|
|
291
291
|
transition-delay: calc(var(--motion-duration-refresh-only-fast-4jn2d7, 115ms) / 1.5);
|
|
292
292
|
}
|
|
293
293
|
@media (prefers-reduced-motion: reduce) {
|
|
294
|
-
.awsui_drawers-trigger-
|
|
294
|
+
.awsui_drawers-trigger-content_hyvsj_p48sj_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_p48sj_215):not(.awsui_has-open-drawer_hyvsj_p48sj_156) {
|
|
295
295
|
animation: none;
|
|
296
296
|
transition: none;
|
|
297
297
|
}
|
|
298
298
|
}
|
|
299
|
-
.awsui-motion-disabled .awsui_drawers-trigger-
|
|
299
|
+
.awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_p48sj_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_p48sj_215):not(.awsui_has-open-drawer_hyvsj_p48sj_156), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_p48sj_251:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_p48sj_215):not(.awsui_has-open-drawer_hyvsj_p48sj_156) {
|
|
300
300
|
animation: none;
|
|
301
301
|
transition: none;
|
|
302
302
|
}
|
|
303
|
-
.awsui_drawers-trigger-
|
|
303
|
+
.awsui_drawers-trigger-content_hyvsj_p48sj_251 > .awsui_drawers-trigger-overflow_hyvsj_p48sj_277:not(#\9) {
|
|
304
304
|
padding: 0 1px;
|
|
305
305
|
display: flex;
|
|
306
306
|
align-items: center;
|
|
@@ -308,14 +308,14 @@ div.awsui_background_hyvsj_1q0bp_93 > .awsui_sticky-background_hyvsj_1q0bp_102.a
|
|
|
308
308
|
}
|
|
309
309
|
|
|
310
310
|
@media (max-width: 688px) {
|
|
311
|
-
.awsui_drawers-
|
|
311
|
+
.awsui_drawers-trigger_hyvsj_p48sj_251:not(#\9) {
|
|
312
312
|
width: 40px;
|
|
313
313
|
display: flex;
|
|
314
314
|
justify-content: center;
|
|
315
315
|
}
|
|
316
316
|
}
|
|
317
317
|
|
|
318
|
-
.
|
|
318
|
+
.awsui_drawer_hyvsj_p48sj_145:not(#\9) {
|
|
319
319
|
--awsui-drawer-size-y98gph: 290px;
|
|
320
320
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
321
321
|
border-color: transparent;
|
|
@@ -330,7 +330,7 @@ div.awsui_background_hyvsj_1q0bp_93 > .awsui_sticky-background_hyvsj_1q0bp_102.a
|
|
|
330
330
|
pointer-events: auto;
|
|
331
331
|
word-wrap: break-word;
|
|
332
332
|
}
|
|
333
|
-
.
|
|
333
|
+
.awsui_drawer_hyvsj_p48sj_145 > .awsui_drawer-content-container_hyvsj_p48sj_307:not(#\9) {
|
|
334
334
|
grid-column: 1/span 2;
|
|
335
335
|
grid-row: 1;
|
|
336
336
|
width: var(--awsui-drawer-size-y98gph);
|
|
@@ -339,37 +339,40 @@ div.awsui_background_hyvsj_1q0bp_93 > .awsui_sticky-background_hyvsj_1q0bp_102.a
|
|
|
339
339
|
grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
|
|
340
340
|
overflow-y: auto;
|
|
341
341
|
}
|
|
342
|
-
.
|
|
342
|
+
.awsui_drawer_hyvsj_p48sj_145 > .awsui_drawer-content-container_hyvsj_p48sj_307 > .awsui_drawer-close-button_hyvsj_p48sj_316:not(#\9) {
|
|
343
343
|
grid-column: 3;
|
|
344
344
|
grid-row: 2;
|
|
345
345
|
z-index: 1;
|
|
346
346
|
}
|
|
347
|
-
.
|
|
347
|
+
.awsui_drawer_hyvsj_p48sj_145 > .awsui_drawer-content-container_hyvsj_p48sj_307 > .awsui_drawer-content_hyvsj_p48sj_307:not(#\9) {
|
|
348
348
|
grid-column: 1/span 4;
|
|
349
349
|
}
|
|
350
|
-
.
|
|
350
|
+
.awsui_drawer_hyvsj_p48sj_145 > .awsui_drawer-content-container_hyvsj_p48sj_307 > .awsui_drawer-content_hyvsj_p48sj_307.awsui_drawer-content-hidden_hyvsj_p48sj_324:not(#\9) {
|
|
351
|
+
display: none;
|
|
352
|
+
}
|
|
353
|
+
.awsui_drawer_hyvsj_p48sj_145 > .awsui_drawer-slider_hyvsj_p48sj_327:not(#\9) {
|
|
351
354
|
grid-column: 1;
|
|
352
355
|
grid-row: 1;
|
|
353
356
|
height: 100%;
|
|
354
357
|
display: flex;
|
|
355
358
|
align-items: center;
|
|
356
359
|
}
|
|
357
|
-
.
|
|
360
|
+
.awsui_drawer_hyvsj_p48sj_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_p48sj_334) {
|
|
358
361
|
opacity: 0;
|
|
359
362
|
width: 0;
|
|
360
363
|
}
|
|
361
|
-
.
|
|
364
|
+
.awsui_drawer_hyvsj_p48sj_145.awsui_is-drawer-open_hyvsj_p48sj_334:not(#\9) {
|
|
362
365
|
border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
363
366
|
opacity: 1;
|
|
364
367
|
width: var(--awsui-drawer-size-y98gph);
|
|
365
368
|
}
|
|
366
369
|
@media (min-width: 2541px) {
|
|
367
|
-
.
|
|
370
|
+
.awsui_drawer_hyvsj_p48sj_145.awsui_is-drawer-open_hyvsj_p48sj_334:not(#\9) {
|
|
368
371
|
--awsui-drawer-size-y98gph: 320px;
|
|
369
372
|
}
|
|
370
373
|
}
|
|
371
374
|
@media (max-width: 688px) {
|
|
372
|
-
.
|
|
375
|
+
.awsui_drawer_hyvsj_p48sj_145.awsui_is-drawer-open_hyvsj_p48sj_334:not(#\9) {
|
|
373
376
|
--awsui-drawer-size-y98gph: 100vw;
|
|
374
377
|
width: 100vw;
|
|
375
378
|
}
|
|
@@ -379,7 +382,7 @@ div.awsui_background_hyvsj_1q0bp_93 > .awsui_sticky-background_hyvsj_1q0bp_102.a
|
|
|
379
382
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
380
383
|
SPDX-License-Identifier: Apache-2.0
|
|
381
384
|
*/
|
|
382
|
-
header.
|
|
385
|
+
header.awsui_content_hyvsj_p48sj_359:not(#\9) {
|
|
383
386
|
grid-area: header;
|
|
384
387
|
}
|
|
385
388
|
|
|
@@ -400,7 +403,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
400
403
|
circumstances regardless of whether the minContentWidth property is
|
|
401
404
|
explicitly set in script.
|
|
402
405
|
*/
|
|
403
|
-
.
|
|
406
|
+
.awsui_layout_hyvsj_p48sj_380:not(#\9) {
|
|
404
407
|
--awsui-breadcrumbs-gap-y98gph: 0px;
|
|
405
408
|
--awsui-content-gap-left-y98gph: 0px;
|
|
406
409
|
--awsui-content-gap-right-y98gph: 0px;
|
|
@@ -483,133 +486,133 @@ explicitly set in script.
|
|
|
483
486
|
*/
|
|
484
487
|
}
|
|
485
488
|
@media (min-width: 1401px) {
|
|
486
|
-
.
|
|
489
|
+
.awsui_layout_hyvsj_p48sj_380:not(#\9):not(.awsui_has-max-content-width_hyvsj_p48sj_463) {
|
|
487
490
|
--awsui-default-max-content-width-y98gph: 1280px;
|
|
488
491
|
}
|
|
489
492
|
}
|
|
490
493
|
@media (min-width: 1921px) {
|
|
491
|
-
.
|
|
494
|
+
.awsui_layout_hyvsj_p48sj_380:not(#\9):not(.awsui_has-max-content-width_hyvsj_p48sj_463) {
|
|
492
495
|
--awsui-default-max-content-width-y98gph: 1440px;
|
|
493
496
|
}
|
|
494
497
|
}
|
|
495
498
|
@media (min-width: 2541px) {
|
|
496
|
-
.
|
|
499
|
+
.awsui_layout_hyvsj_p48sj_380:not(#\9):not(.awsui_has-max-content-width_hyvsj_p48sj_463) {
|
|
497
500
|
--awsui-default-max-content-width-y98gph: 1620px;
|
|
498
501
|
}
|
|
499
502
|
}
|
|
500
503
|
@media (min-width: 1401px) {
|
|
501
|
-
.
|
|
504
|
+
.awsui_layout_hyvsj_p48sj_380:not(#\9):not(.awsui_has-max-content-width_hyvsj_p48sj_463).awsui_content-type-dashboard_hyvsj_p48sj_478 {
|
|
502
505
|
--awsui-default-max-content-width-y98gph: 1280px;
|
|
503
506
|
}
|
|
504
507
|
}
|
|
505
508
|
@media (min-width: 1921px) {
|
|
506
|
-
.
|
|
509
|
+
.awsui_layout_hyvsj_p48sj_380:not(#\9):not(.awsui_has-max-content-width_hyvsj_p48sj_463).awsui_content-type-dashboard_hyvsj_p48sj_478 {
|
|
507
510
|
--awsui-default-max-content-width-y98gph: 1620px;
|
|
508
511
|
}
|
|
509
512
|
}
|
|
510
513
|
@media (min-width: 2541px) {
|
|
511
|
-
.
|
|
514
|
+
.awsui_layout_hyvsj_p48sj_380:not(#\9):not(.awsui_has-max-content-width_hyvsj_p48sj_463).awsui_content-type-dashboard_hyvsj_p48sj_478 {
|
|
512
515
|
--awsui-default-max-content-width-y98gph: 2160px;
|
|
513
516
|
}
|
|
514
517
|
}
|
|
515
|
-
.
|
|
518
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_has-max-content-width_hyvsj_p48sj_463:not(#\9) {
|
|
516
519
|
--awsui-default-max-content-width-y98gph: var(--awsui-max-content-width-y98gph);
|
|
517
520
|
}
|
|
518
|
-
.
|
|
521
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_is-overlap-disabled_hyvsj_p48sj_495:not(#\9) {
|
|
519
522
|
--awsui-overlap-height-y98gph: 0;
|
|
520
523
|
}
|
|
521
524
|
@media (min-width: 993px) {
|
|
522
|
-
.
|
|
525
|
+
.awsui_layout_hyvsj_p48sj_380:not(#\9) {
|
|
523
526
|
--awsui-default-min-content-width-y98gph: var(--awsui-min-content-width-y98gph, 280px);
|
|
524
527
|
}
|
|
525
528
|
}
|
|
526
529
|
@media (max-width: 992px) {
|
|
527
|
-
.
|
|
530
|
+
.awsui_layout_hyvsj_p48sj_380:not(#\9) {
|
|
528
531
|
--awsui-default-min-content-width-y98gph: 0px;
|
|
529
532
|
}
|
|
530
533
|
}
|
|
531
|
-
.
|
|
534
|
+
.awsui_layout_hyvsj_p48sj_380:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_p48sj_110):not(.awsui_has-sticky-background_hyvsj_p48sj_133) {
|
|
532
535
|
--awsui-offset-top-with-notifications-y98gph: var(--awsui-header-height-y98gph);
|
|
533
536
|
}
|
|
534
|
-
.
|
|
537
|
+
.awsui_layout_hyvsj_p48sj_380:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_p48sj_110).awsui_has-sticky-background_hyvsj_p48sj_133 {
|
|
535
538
|
--awsui-offset-top-with-notifications-y98gph: calc(var(--awsui-header-height-y98gph) + var(--space-scaled-s-aqzyko, 12px));
|
|
536
539
|
}
|
|
537
|
-
.
|
|
540
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_has-sticky-notifications_hyvsj_p48sj_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_p48sj_133) {
|
|
538
541
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
539
542
|
var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
|
|
540
543
|
var(--awsui-notifications-height-y98gph) + var(--space-xxxs-zbmxqb, 2px)
|
|
541
544
|
);
|
|
542
545
|
}
|
|
543
|
-
.
|
|
546
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_has-sticky-notifications_hyvsj_p48sj_110.awsui_has-sticky-background_hyvsj_p48sj_133:not(#\9) {
|
|
544
547
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
545
548
|
var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
|
|
546
549
|
var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px)
|
|
547
550
|
);
|
|
548
551
|
}
|
|
549
552
|
@media (min-width: 689px) {
|
|
550
|
-
.
|
|
553
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_has-content-gap-left_hyvsj_p48sj_527:not(#\9) {
|
|
551
554
|
--awsui-content-gap-left-y98gph: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
|
|
552
555
|
}
|
|
553
|
-
.
|
|
556
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_has-content-gap-right_hyvsj_p48sj_530:not(#\9) {
|
|
554
557
|
--awsui-content-gap-right-y98gph: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
|
|
555
558
|
}
|
|
556
559
|
}
|
|
557
560
|
@media (max-width: 688px) {
|
|
558
|
-
.
|
|
561
|
+
.awsui_layout_hyvsj_p48sj_380:not(#\9) {
|
|
559
562
|
--awsui-content-gap-left-y98gph: var(--space-l-t419sm, 20px);
|
|
560
563
|
--awsui-content-gap-right-y98gph: var(--space-l-t419sm, 20px);
|
|
561
564
|
}
|
|
562
565
|
}
|
|
563
|
-
.
|
|
566
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_content-first-child-notifications_hyvsj_p48sj_540:not(#\9) {
|
|
564
567
|
--awsui-notifications-gap-y98gph: var(--space-xs-zb16t3, 8px);
|
|
565
568
|
}
|
|
566
|
-
.
|
|
569
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_has-breadcrumbs_hyvsj_p48sj_543:not(#\9) {
|
|
567
570
|
--awsui-breadcrumbs-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
568
571
|
}
|
|
569
|
-
.
|
|
572
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_content-first-child-header_hyvsj_p48sj_546:not(#\9), .awsui_layout_hyvsj_p48sj_380.awsui_content-first-child-notifications_hyvsj_p48sj_540:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_p48sj_543).awsui_has-header_hyvsj_p48sj_546 {
|
|
570
573
|
--awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
|
|
571
574
|
}
|
|
572
|
-
.
|
|
575
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_has-breadcrumbs_hyvsj_p48sj_543.awsui_has-header_hyvsj_p48sj_546:not(#\9) {
|
|
573
576
|
--awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
|
|
574
577
|
}
|
|
575
|
-
.
|
|
578
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_content-first-child-notifications_hyvsj_p48sj_540:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_p48sj_543):not(.awsui_has-header_hyvsj_p48sj_546) {
|
|
576
579
|
--awsui-main-gap-y98gph: var(--space-xs-zb16t3, 8px);
|
|
577
580
|
}
|
|
578
|
-
.
|
|
581
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_has-breadcrumbs_hyvsj_p48sj_543:not(#\9):not(.awsui_has-header_hyvsj_p48sj_546) {
|
|
579
582
|
--awsui-container-first-gap-y98gph: calc(var(--awsui-breadcrumbs-gap-y98gph) - var(--awsui-main-gap-y98gph));
|
|
580
583
|
}
|
|
581
|
-
.
|
|
584
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_has-breadcrumbs_hyvsj_p48sj_543:not(#\9):not(.awsui_has-header_hyvsj_p48sj_546).awsui_is-overlap-disabled_hyvsj_p48sj_495 {
|
|
582
585
|
--awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
583
586
|
}
|
|
584
|
-
.
|
|
587
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_has-breadcrumbs_hyvsj_p48sj_543:not(#\9):not(.awsui_has-header_hyvsj_p48sj_546):not(.awsui_is-overlap-disabled_hyvsj_p48sj_495) {
|
|
585
588
|
--awsui-main-gap-y98gph: var(--space-scaled-xxs-7597g1, 4px);
|
|
586
589
|
}
|
|
587
|
-
.
|
|
590
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_has-header_hyvsj_p48sj_546:not(#\9) {
|
|
588
591
|
--awsui-main-gap-y98gph: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
589
592
|
}
|
|
590
|
-
.
|
|
593
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_content-first-child-main_hyvsj_p48sj_567:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_p48sj_495), .awsui_layout_hyvsj_p48sj_380.awsui_content-first-child-main_hyvsj_p48sj_567.awsui_is-overlap-disabled_hyvsj_p48sj_495:not(#\9):not(.awsui_disable-content-paddings_hyvsj_p48sj_567) {
|
|
591
594
|
--awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
592
595
|
}
|
|
593
596
|
@media (min-width: 689px) {
|
|
594
|
-
.
|
|
597
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_content-first-child-main_hyvsj_p48sj_567:not(#\9):not(.awsui_has-header_hyvsj_p48sj_546) {
|
|
595
598
|
--awsui-container-first-overlap-extension-y98gph: var(--space-m-udix3p, 16px);
|
|
596
599
|
--awsui-container-first-gap-y98gph: var(--space-xxs-p8yyaw, 4px);
|
|
597
600
|
}
|
|
598
601
|
}
|
|
599
602
|
@media (max-width: 688px) {
|
|
600
|
-
.
|
|
603
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_content-first-child-notifications_hyvsj_p48sj_540:not(#\9) {
|
|
601
604
|
--awsui-notifications-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
602
605
|
}
|
|
603
|
-
.
|
|
606
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_content-first-child-header_hyvsj_p48sj_546:not(#\9) {
|
|
604
607
|
--awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
605
608
|
}
|
|
606
|
-
.
|
|
609
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_content-first-child-notifications_hyvsj_p48sj_540:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_p48sj_543).awsui_has-header_hyvsj_p48sj_546 {
|
|
607
610
|
--awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
608
611
|
}
|
|
609
|
-
.
|
|
612
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_content-first-child-notifications_hyvsj_p48sj_540:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_p48sj_543):not(.awsui_has-header_hyvsj_p48sj_546), .awsui_layout_hyvsj_p48sj_380.awsui_content-first-child-main_hyvsj_p48sj_567:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_p48sj_495) {
|
|
610
613
|
--awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
611
614
|
}
|
|
612
|
-
.
|
|
615
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_content-first-child-main_hyvsj_p48sj_567.awsui_is-overlap-disabled_hyvsj_p48sj_495:not(#\9):not(.awsui_disable-content-paddings_hyvsj_p48sj_567) {
|
|
613
616
|
--awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
614
617
|
}
|
|
615
618
|
}
|
|
@@ -624,19 +627,19 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
624
627
|
position: sticky will be the value of the notifications height in addition to the
|
|
625
628
|
notifications top margin and some additional vertical space for aesthetics.
|
|
626
629
|
*/
|
|
627
|
-
.
|
|
630
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_disable-body-scroll_hyvsj_p48sj_191:not(#\9) {
|
|
628
631
|
--awsui-main-template-rows-y98gph: 1fr auto;
|
|
629
632
|
--awsui-offset-top-y98gph: 0px;
|
|
630
633
|
height: var(--awsui-content-height-y98gph);
|
|
631
634
|
overflow-y: scroll;
|
|
632
635
|
}
|
|
633
|
-
.
|
|
636
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_disable-body-scroll_hyvsj_p48sj_191.awsui_has-split-panel_hyvsj_p48sj_610.awsui_split-panel-position-bottom_hyvsj_p48sj_610:not(#\9) {
|
|
634
637
|
--awsui-main-template-rows-y98gph: repeat(2, auto);
|
|
635
638
|
}
|
|
636
|
-
.
|
|
639
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_disable-body-scroll_hyvsj_p48sj_191:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_p48sj_110) {
|
|
637
640
|
--awsui-offset-top-with-notifications-y98gph: 0px;
|
|
638
641
|
}
|
|
639
|
-
.
|
|
642
|
+
.awsui_layout_hyvsj_p48sj_380.awsui_disable-body-scroll_hyvsj_p48sj_191.awsui_has-sticky-notifications_hyvsj_p48sj_110:not(#\9) {
|
|
640
643
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
641
644
|
var(--awsui-notifications-height-y98gph) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
|
|
642
645
|
);
|
|
@@ -646,13 +649,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
646
649
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
647
650
|
when the navigation or tools drawers are open in responsive viewports.
|
|
648
651
|
*/
|
|
649
|
-
.awsui_block-body-
|
|
652
|
+
.awsui_block-body-scroll_hyvsj_p48sj_626:not(#\9) {
|
|
650
653
|
overflow: hidden;
|
|
651
654
|
}
|
|
652
655
|
|
|
653
656
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
654
|
-
.
|
|
655
|
-
.
|
|
657
|
+
.awsui_unfocusable_hyvsj_p48sj_631:not(#\9),
|
|
658
|
+
.awsui_unfocusable_hyvsj_p48sj_631 *:not(#\9) {
|
|
656
659
|
visibility: hidden !important;
|
|
657
660
|
}
|
|
658
661
|
|
|
@@ -661,7 +664,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
661
664
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
662
665
|
SPDX-License-Identifier: Apache-2.0
|
|
663
666
|
*/
|
|
664
|
-
.
|
|
667
|
+
.awsui_container_hyvsj_p48sj_641:not(#\9) {
|
|
665
668
|
grid-area: main;
|
|
666
669
|
padding-bottom: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
667
670
|
/*
|
|
@@ -678,18 +681,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
678
681
|
on the right, we decrement the column end by one.
|
|
679
682
|
*/
|
|
680
683
|
}
|
|
681
|
-
.
|
|
684
|
+
.awsui_container_hyvsj_p48sj_641.awsui_has-split-panel_hyvsj_p48sj_610.awsui_split-panel-position-bottom_hyvsj_p48sj_610:not(#\9) {
|
|
682
685
|
padding-bottom: calc(var(--awsui-split-panel-height-y98gph) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
683
686
|
}
|
|
684
|
-
.
|
|
687
|
+
.awsui_container_hyvsj_p48sj_641.awsui_disable-content-paddings_hyvsj_p48sj_567:not(#\9) {
|
|
685
688
|
grid-column: 1/6;
|
|
686
689
|
padding: 0;
|
|
687
690
|
}
|
|
688
691
|
@media (min-width: 689px) {
|
|
689
|
-
.
|
|
692
|
+
.awsui_container_hyvsj_p48sj_641.awsui_disable-content-paddings_hyvsj_p48sj_567.awsui_is-navigation-open_hyvsj_p48sj_666:not(#\9) {
|
|
690
693
|
grid-column-start: 2;
|
|
691
694
|
}
|
|
692
|
-
.
|
|
695
|
+
.awsui_container_hyvsj_p48sj_641.awsui_disable-content-paddings_hyvsj_p48sj_567.awsui_is-tools-open_hyvsj_p48sj_669:not(#\9), .awsui_container_hyvsj_p48sj_641.awsui_disable-content-paddings_hyvsj_p48sj_567.awsui_is-split-panel-open_hyvsj_p48sj_669.awsui_split-panel-position-side_hyvsj_p48sj_669:not(#\9), .awsui_container_hyvsj_p48sj_641.awsui_disable-content-paddings_hyvsj_p48sj_567.awsui_has-active-drawer_hyvsj_p48sj_669:not(#\9) {
|
|
693
696
|
grid-column-end: 5;
|
|
694
697
|
}
|
|
695
698
|
}
|
|
@@ -698,7 +701,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
698
701
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
699
702
|
SPDX-License-Identifier: Apache-2.0
|
|
700
703
|
*/
|
|
701
|
-
section.awsui_mobile-
|
|
704
|
+
section.awsui_mobile-toolbar_hyvsj_p48sj_678:not(#\9) {
|
|
702
705
|
align-items: center;
|
|
703
706
|
background-color: var(--color-background-home-header-2rudu7, #000716);
|
|
704
707
|
border-bottom: 1px solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
@@ -714,15 +717,15 @@ section.awsui_mobile-toolbar_hyvsj_1q0bp_675:not(#\9) {
|
|
|
714
717
|
top: var(--awsui-offset-top-y98gph);
|
|
715
718
|
z-index: 1000;
|
|
716
719
|
}
|
|
717
|
-
section.awsui_mobile-
|
|
720
|
+
section.awsui_mobile-toolbar_hyvsj_p48sj_678 > .awsui_mobile-toolbar-nav_hyvsj_p48sj_694:not(#\9) {
|
|
718
721
|
grid-column: 1;
|
|
719
722
|
margin-right: var(--space-m-udix3p, 16px);
|
|
720
723
|
}
|
|
721
|
-
section.awsui_mobile-
|
|
724
|
+
section.awsui_mobile-toolbar_hyvsj_p48sj_678 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_p48sj_698:not(#\9) {
|
|
722
725
|
grid-column: 2;
|
|
723
726
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
724
727
|
}
|
|
725
|
-
section.awsui_mobile-
|
|
728
|
+
section.awsui_mobile-toolbar_hyvsj_p48sj_678 > .awsui_mobile-toolbar-tools_hyvsj_p48sj_702:not(#\9) {
|
|
726
729
|
grid-column: 3;
|
|
727
730
|
margin-left: var(--space-m-udix3p, 16px);
|
|
728
731
|
}
|
|
@@ -731,7 +734,7 @@ section.awsui_mobile-toolbar_hyvsj_1q0bp_675 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
731
734
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
732
735
|
SPDX-License-Identifier: Apache-2.0
|
|
733
736
|
*/
|
|
734
|
-
.awsui_navigation-
|
|
737
|
+
.awsui_navigation-container_hyvsj_p48sj_711:not(#\9) {
|
|
735
738
|
--awsui-navigation-width-y98gph: 280px;
|
|
736
739
|
display: flex;
|
|
737
740
|
grid-column: 1;
|
|
@@ -753,12 +756,12 @@ section.awsui_mobile-toolbar_hyvsj_1q0bp_675 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
753
756
|
pointer-events: none;
|
|
754
757
|
}
|
|
755
758
|
@media (min-width: 2541px) {
|
|
756
|
-
.awsui_navigation-
|
|
759
|
+
.awsui_navigation-container_hyvsj_p48sj_711:not(#\9) {
|
|
757
760
|
--awsui-navigation-width-y98gph: 320px;
|
|
758
761
|
}
|
|
759
762
|
}
|
|
760
763
|
@media (max-width: 688px) {
|
|
761
|
-
.awsui_navigation-
|
|
764
|
+
.awsui_navigation-container_hyvsj_p48sj_711:not(#\9) {
|
|
762
765
|
left: 0;
|
|
763
766
|
position: fixed;
|
|
764
767
|
z-index: 1001;
|
|
@@ -770,19 +773,19 @@ section.awsui_mobile-toolbar_hyvsj_1q0bp_675 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
770
773
|
relative to the body.
|
|
771
774
|
*/
|
|
772
775
|
}
|
|
773
|
-
.awsui_navigation-
|
|
776
|
+
.awsui_navigation-container_hyvsj_p48sj_711.awsui_disable-body-scroll_hyvsj_p48sj_191:not(#\9) {
|
|
774
777
|
top: var(--awsui-header-height-y98gph);
|
|
775
778
|
}
|
|
776
779
|
}
|
|
777
780
|
|
|
778
|
-
nav.awsui_show-
|
|
781
|
+
nav.awsui_show-navigation_hyvsj_p48sj_755:not(#\9) {
|
|
779
782
|
padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-sgkxy2, 20px);
|
|
780
783
|
/*
|
|
781
784
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
782
785
|
take control in responsive viewports.
|
|
783
786
|
*/
|
|
784
787
|
}
|
|
785
|
-
@keyframes
|
|
788
|
+
@keyframes awsui_showButtons_hyvsj_p48sj_1 {
|
|
786
789
|
0% {
|
|
787
790
|
opacity: 0;
|
|
788
791
|
}
|
|
@@ -790,31 +793,31 @@ nav.awsui_show-navigation_hyvsj_1q0bp_752:not(#\9) {
|
|
|
790
793
|
opacity: 1;
|
|
791
794
|
}
|
|
792
795
|
}
|
|
793
|
-
nav.awsui_show-
|
|
796
|
+
nav.awsui_show-navigation_hyvsj_p48sj_755.awsui_is-navigation-open_hyvsj_p48sj_666:not(#\9) {
|
|
794
797
|
display: none;
|
|
795
798
|
}
|
|
796
799
|
@media (min-width: 689px) {
|
|
797
|
-
nav.awsui_show-
|
|
800
|
+
nav.awsui_show-navigation_hyvsj_p48sj_755:not(#\9):not(.awsui_is-navigation-open_hyvsj_p48sj_666) {
|
|
798
801
|
display: block;
|
|
799
802
|
}
|
|
800
|
-
nav.awsui_show-
|
|
801
|
-
animation:
|
|
803
|
+
nav.awsui_show-navigation_hyvsj_p48sj_755:not(#\9):not(.awsui_is-navigation-open_hyvsj_p48sj_666).awsui_animating_hyvsj_p48sj_777 {
|
|
804
|
+
animation: awsui_showButtons_hyvsj_p48sj_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
802
805
|
}
|
|
803
806
|
}
|
|
804
807
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
805
|
-
nav.awsui_show-
|
|
808
|
+
nav.awsui_show-navigation_hyvsj_p48sj_755:not(#\9):not(.awsui_is-navigation-open_hyvsj_p48sj_666).awsui_animating_hyvsj_p48sj_777 {
|
|
806
809
|
animation: none;
|
|
807
810
|
transition: none;
|
|
808
811
|
}
|
|
809
812
|
}
|
|
810
813
|
@media (min-width: 689px) {
|
|
811
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
814
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_p48sj_755:not(#\9):not(.awsui_is-navigation-open_hyvsj_p48sj_666).awsui_animating_hyvsj_p48sj_777, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_p48sj_755:not(#\9):not(.awsui_is-navigation-open_hyvsj_p48sj_666).awsui_animating_hyvsj_p48sj_777 {
|
|
812
815
|
animation: none;
|
|
813
816
|
transition: none;
|
|
814
817
|
}
|
|
815
818
|
}
|
|
816
819
|
|
|
817
|
-
nav.
|
|
820
|
+
nav.awsui_navigation_hyvsj_p48sj_711:not(#\9) {
|
|
818
821
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
819
822
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
820
823
|
bottom: 0;
|
|
@@ -832,7 +835,7 @@ nav.awsui_navigation_hyvsj_1q0bp_708:not(#\9) {
|
|
|
832
835
|
prevent unwanted text wrapping.
|
|
833
836
|
*/
|
|
834
837
|
}
|
|
835
|
-
@keyframes
|
|
838
|
+
@keyframes awsui_openNavigation_hyvsj_p48sj_1 {
|
|
836
839
|
from {
|
|
837
840
|
opacity: 0;
|
|
838
841
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
@@ -842,33 +845,33 @@ nav.awsui_navigation_hyvsj_1q0bp_708:not(#\9) {
|
|
|
842
845
|
width: var(--awsui-navigation-width-y98gph);
|
|
843
846
|
}
|
|
844
847
|
}
|
|
845
|
-
nav.
|
|
848
|
+
nav.awsui_navigation_hyvsj_p48sj_711:not(#\9):not(.awsui_is-navigation-open_hyvsj_p48sj_666) {
|
|
846
849
|
width: 0;
|
|
847
850
|
display: none;
|
|
848
851
|
}
|
|
849
|
-
nav.
|
|
850
|
-
animation:
|
|
852
|
+
nav.awsui_navigation_hyvsj_p48sj_711.awsui_is-navigation-open_hyvsj_p48sj_666.awsui_animating_hyvsj_p48sj_777:not(#\9) {
|
|
853
|
+
animation: awsui_openNavigation_hyvsj_p48sj_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
851
854
|
}
|
|
852
855
|
@media (prefers-reduced-motion: reduce) {
|
|
853
|
-
nav.
|
|
856
|
+
nav.awsui_navigation_hyvsj_p48sj_711.awsui_is-navigation-open_hyvsj_p48sj_666.awsui_animating_hyvsj_p48sj_777:not(#\9) {
|
|
854
857
|
animation: none;
|
|
855
858
|
transition: none;
|
|
856
859
|
}
|
|
857
860
|
}
|
|
858
|
-
.awsui-motion-disabled nav.
|
|
861
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_p48sj_711.awsui_is-navigation-open_hyvsj_p48sj_666.awsui_animating_hyvsj_p48sj_777:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_p48sj_711.awsui_is-navigation-open_hyvsj_p48sj_666.awsui_animating_hyvsj_p48sj_777:not(#\9) {
|
|
859
862
|
animation: none;
|
|
860
863
|
transition: none;
|
|
861
864
|
}
|
|
862
|
-
nav.
|
|
865
|
+
nav.awsui_navigation_hyvsj_p48sj_711 > .awsui_animated-content_hyvsj_p48sj_839:not(#\9) {
|
|
863
866
|
width: var(--awsui-navigation-width-y98gph);
|
|
864
867
|
}
|
|
865
868
|
@media (max-width: 688px) {
|
|
866
|
-
nav.
|
|
869
|
+
nav.awsui_navigation_hyvsj_p48sj_711:not(#\9) {
|
|
867
870
|
--awsui-navigation-width-y98gph: 100vw;
|
|
868
871
|
}
|
|
869
872
|
}
|
|
870
873
|
|
|
871
|
-
.awsui_hide-
|
|
874
|
+
.awsui_hide-navigation_hyvsj_p48sj_848:not(#\9) {
|
|
872
875
|
position: absolute;
|
|
873
876
|
right: var(--space-m-udix3p, 16px);
|
|
874
877
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -878,13 +881,13 @@ nav.awsui_navigation_hyvsj_1q0bp_708 > .awsui_animated-content_hyvsj_1q0bp_836:n
|
|
|
878
881
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
879
882
|
SPDX-License-Identifier: Apache-2.0
|
|
880
883
|
*/
|
|
881
|
-
.
|
|
884
|
+
.awsui_notifications_hyvsj_p48sj_858:not(#\9) {
|
|
882
885
|
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
883
886
|
grid-area: notifications;
|
|
884
887
|
z-index: 850;
|
|
885
888
|
}
|
|
886
889
|
@media (min-width: 689px) {
|
|
887
|
-
.
|
|
890
|
+
.awsui_notifications_hyvsj_p48sj_858.awsui_sticky-notifications_hyvsj_p48sj_864:not(#\9) {
|
|
888
891
|
--awsui-flashbar-sticky-bottom-margin-y98gph: var(--space-xxl-cu2m1r, 32px);
|
|
889
892
|
position: sticky;
|
|
890
893
|
top: calc(var(--awsui-offset-top-y98gph) + var(--space-xs-zb16t3, 8px));
|
|
@@ -901,7 +904,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
901
904
|
consume the remaining vertical space in the grid after the notifications
|
|
902
905
|
and breadcrumbs.
|
|
903
906
|
*/
|
|
904
|
-
section.awsui_split-panel-
|
|
907
|
+
section.awsui_split-panel-bottom_hyvsj_p48sj_881:not(#\9) {
|
|
905
908
|
/*
|
|
906
909
|
The align self property will position the split panel at the bottom of the grid row.
|
|
907
910
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -937,7 +940,7 @@ section.awsui_split-panel-bottom_hyvsj_1q0bp_878:not(#\9) {
|
|
|
937
940
|
apply the animation to the height property.
|
|
938
941
|
*/
|
|
939
942
|
}
|
|
940
|
-
@keyframes
|
|
943
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_p48sj_1 {
|
|
941
944
|
from {
|
|
942
945
|
height: var(--awsui-split-panel-reported-header-size-y98gph, 0);
|
|
943
946
|
}
|
|
@@ -945,39 +948,39 @@ section.awsui_split-panel-bottom_hyvsj_1q0bp_878:not(#\9) {
|
|
|
945
948
|
height: var(--awsui-split-panel-reported-size-y98gph);
|
|
946
949
|
}
|
|
947
950
|
}
|
|
948
|
-
section.awsui_split-panel-
|
|
951
|
+
section.awsui_split-panel-bottom_hyvsj_p48sj_881.awsui_disable-body-scroll_hyvsj_p48sj_191:not(#\9) {
|
|
949
952
|
bottom: 0;
|
|
950
953
|
}
|
|
951
|
-
section.awsui_split-panel-
|
|
954
|
+
section.awsui_split-panel-bottom_hyvsj_p48sj_881.awsui_is-navigation-open_hyvsj_p48sj_666.awsui_position-bottom_hyvsj_p48sj_928:not(#\9) {
|
|
952
955
|
grid-column-start: 2;
|
|
953
956
|
}
|
|
954
|
-
section.awsui_split-panel-
|
|
957
|
+
section.awsui_split-panel-bottom_hyvsj_p48sj_881.awsui_has-open-drawer_hyvsj_p48sj_156.awsui_position-bottom_hyvsj_p48sj_928:not(#\9) {
|
|
955
958
|
grid-column-end: 5;
|
|
956
959
|
}
|
|
957
|
-
section.awsui_split-panel-
|
|
960
|
+
section.awsui_split-panel-bottom_hyvsj_p48sj_881.awsui_position-bottom_hyvsj_p48sj_928:not(#\9) {
|
|
958
961
|
display: block;
|
|
959
962
|
}
|
|
960
|
-
section.awsui_split-panel-
|
|
963
|
+
section.awsui_split-panel-bottom_hyvsj_p48sj_881:not(#\9):not(.awsui_is-split-panel-open_hyvsj_p48sj_669).awsui_position-bottom_hyvsj_p48sj_928 {
|
|
961
964
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
962
965
|
}
|
|
963
|
-
section.awsui_split-panel-
|
|
966
|
+
section.awsui_split-panel-bottom_hyvsj_p48sj_881.awsui_is-split-panel-open_hyvsj_p48sj_669.awsui_position-bottom_hyvsj_p48sj_928:not(#\9) {
|
|
964
967
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
965
968
|
}
|
|
966
|
-
section.awsui_split-panel-
|
|
967
|
-
animation:
|
|
969
|
+
section.awsui_split-panel-bottom_hyvsj_p48sj_881.awsui_is-split-panel-open_hyvsj_p48sj_669.awsui_position-bottom_hyvsj_p48sj_928.awsui_animating_hyvsj_p48sj_777:not(#\9) {
|
|
970
|
+
animation: awsui_openSplitPanelBottom_hyvsj_p48sj_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
968
971
|
}
|
|
969
972
|
@media (prefers-reduced-motion: reduce) {
|
|
970
|
-
section.awsui_split-panel-
|
|
973
|
+
section.awsui_split-panel-bottom_hyvsj_p48sj_881.awsui_is-split-panel-open_hyvsj_p48sj_669.awsui_position-bottom_hyvsj_p48sj_928.awsui_animating_hyvsj_p48sj_777:not(#\9) {
|
|
971
974
|
animation: none;
|
|
972
975
|
transition: none;
|
|
973
976
|
}
|
|
974
977
|
}
|
|
975
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
978
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_p48sj_881.awsui_is-split-panel-open_hyvsj_p48sj_669.awsui_position-bottom_hyvsj_p48sj_928.awsui_animating_hyvsj_p48sj_777:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_p48sj_881.awsui_is-split-panel-open_hyvsj_p48sj_669.awsui_position-bottom_hyvsj_p48sj_928.awsui_animating_hyvsj_p48sj_777:not(#\9) {
|
|
976
979
|
animation: none;
|
|
977
980
|
transition: none;
|
|
978
981
|
}
|
|
979
982
|
|
|
980
|
-
section.awsui_split-panel-
|
|
983
|
+
section.awsui_split-panel-side_hyvsj_p48sj_957:not(#\9) {
|
|
981
984
|
height: 100%;
|
|
982
985
|
overflow-x: hidden;
|
|
983
986
|
pointer-events: auto;
|
|
@@ -987,10 +990,10 @@ section.awsui_split-panel-side_hyvsj_1q0bp_954:not(#\9) {
|
|
|
987
990
|
be persistent in the DOM when closed.
|
|
988
991
|
*/
|
|
989
992
|
}
|
|
990
|
-
section.awsui_split-panel-
|
|
993
|
+
section.awsui_split-panel-side_hyvsj_p48sj_957:not(#\9):not(.awsui_is-split-panel-open_hyvsj_p48sj_669), section.awsui_split-panel-side_hyvsj_p48sj_957.awsui_position-bottom_hyvsj_p48sj_928:not(#\9) {
|
|
991
994
|
width: 0;
|
|
992
995
|
}
|
|
993
|
-
section.awsui_split-panel-
|
|
996
|
+
section.awsui_split-panel-side_hyvsj_p48sj_957.awsui_is-split-panel-open_hyvsj_p48sj_669.awsui_position-side_hyvsj_p48sj_970:not(#\9) {
|
|
994
997
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
995
998
|
max-width: var(--awsui-split-panel-max-width-y98gph, 280px);
|
|
996
999
|
min-width: var(--awsui-split-panel-min-width-y98gph, 280px);
|
|
@@ -1009,7 +1012,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
1009
1012
|
property. The content gap right is computed in the Layout styles based on the
|
|
1010
1013
|
viewport size and state of the Tools drawer.
|
|
1011
1014
|
*/
|
|
1012
|
-
.awsui_tools-
|
|
1015
|
+
.awsui_tools-container_hyvsj_p48sj_989:not(#\9) {
|
|
1013
1016
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
1014
1017
|
--awsui-tools-max-width-y98gph: calc(var(--awsui-layout-width-y98gph) - var(--awsui-main-offset-left-y98gph) - var(--awsui-default-min-content-width-y98gph) - var(--awsui-content-gap-right-y98gph));
|
|
1015
1018
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -1025,12 +1028,12 @@ viewport size and state of the Tools drawer.
|
|
|
1025
1028
|
pointer-events: none;
|
|
1026
1029
|
}
|
|
1027
1030
|
@media (min-width: 2541px) {
|
|
1028
|
-
.awsui_tools-
|
|
1031
|
+
.awsui_tools-container_hyvsj_p48sj_989:not(#\9) {
|
|
1029
1032
|
--awsui-tools-width-y98gph: 360px;
|
|
1030
1033
|
}
|
|
1031
1034
|
}
|
|
1032
1035
|
@media (max-width: 688px) {
|
|
1033
|
-
.awsui_tools-
|
|
1036
|
+
.awsui_tools-container_hyvsj_p48sj_989:not(#\9) {
|
|
1034
1037
|
--awsui-tools-max-width-y98gph: none;
|
|
1035
1038
|
--awsui-tools-width-y98gph: auto;
|
|
1036
1039
|
position: fixed;
|
|
@@ -1044,12 +1047,12 @@ viewport size and state of the Tools drawer.
|
|
|
1044
1047
|
relative to the body.
|
|
1045
1048
|
*/
|
|
1046
1049
|
}
|
|
1047
|
-
.awsui_tools-
|
|
1050
|
+
.awsui_tools-container_hyvsj_p48sj_989.awsui_disable-body-scroll_hyvsj_p48sj_191:not(#\9) {
|
|
1048
1051
|
top: var(--awsui-header-height-y98gph);
|
|
1049
1052
|
}
|
|
1050
1053
|
}
|
|
1051
1054
|
|
|
1052
|
-
.
|
|
1055
|
+
.awsui_tools_hyvsj_p48sj_989:not(#\9) {
|
|
1053
1056
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1054
1057
|
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1055
1058
|
flex-shrink: 0;
|
|
@@ -1073,7 +1076,7 @@ viewport size and state of the Tools drawer.
|
|
|
1073
1076
|
in the side position.
|
|
1074
1077
|
*/
|
|
1075
1078
|
}
|
|
1076
|
-
@keyframes
|
|
1079
|
+
@keyframes awsui_openTools_hyvsj_p48sj_1 {
|
|
1077
1080
|
from {
|
|
1078
1081
|
opacity: var(--awsui-tools-animation-starting-opacity-y98gph, 0);
|
|
1079
1082
|
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
@@ -1083,38 +1086,38 @@ viewport size and state of the Tools drawer.
|
|
|
1083
1086
|
width: var(--awsui-tools-width-y98gph);
|
|
1084
1087
|
}
|
|
1085
1088
|
}
|
|
1086
|
-
.
|
|
1089
|
+
.awsui_tools_hyvsj_p48sj_989:not(#\9):not(.awsui_is-tools-open_hyvsj_p48sj_669) {
|
|
1087
1090
|
width: 0;
|
|
1088
1091
|
display: none;
|
|
1089
1092
|
}
|
|
1090
|
-
.
|
|
1091
|
-
animation:
|
|
1093
|
+
.awsui_tools_hyvsj_p48sj_989.awsui_is-tools-open_hyvsj_p48sj_669.awsui_animating_hyvsj_p48sj_777:not(#\9) {
|
|
1094
|
+
animation: awsui_openTools_hyvsj_p48sj_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1092
1095
|
}
|
|
1093
1096
|
@media (prefers-reduced-motion: reduce) {
|
|
1094
|
-
.
|
|
1097
|
+
.awsui_tools_hyvsj_p48sj_989.awsui_is-tools-open_hyvsj_p48sj_669.awsui_animating_hyvsj_p48sj_777:not(#\9) {
|
|
1095
1098
|
animation: none;
|
|
1096
1099
|
transition: none;
|
|
1097
1100
|
}
|
|
1098
1101
|
}
|
|
1099
|
-
.awsui-motion-disabled .
|
|
1102
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_p48sj_989.awsui_is-tools-open_hyvsj_p48sj_669.awsui_animating_hyvsj_p48sj_777:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_p48sj_989.awsui_is-tools-open_hyvsj_p48sj_669.awsui_animating_hyvsj_p48sj_777:not(#\9) {
|
|
1100
1103
|
animation: none;
|
|
1101
1104
|
transition: none;
|
|
1102
1105
|
}
|
|
1103
|
-
.
|
|
1106
|
+
.awsui_tools_hyvsj_p48sj_989 > .awsui_animated-content_hyvsj_p48sj_839:not(#\9) {
|
|
1104
1107
|
width: var(--awsui-tools-width-y98gph);
|
|
1105
1108
|
}
|
|
1106
1109
|
@media (min-width: 689px) {
|
|
1107
|
-
.
|
|
1110
|
+
.awsui_tools_hyvsj_p48sj_989.awsui_is-tools-open_hyvsj_p48sj_669.awsui_has-tools-form-persistence_hyvsj_p48sj_1084:not(#\9) {
|
|
1108
1111
|
border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
|
|
1109
1112
|
}
|
|
1110
1113
|
}
|
|
1111
1114
|
@media (max-width: 688px) {
|
|
1112
|
-
.
|
|
1115
|
+
.awsui_tools_hyvsj_p48sj_989:not(#\9) {
|
|
1113
1116
|
--awsui-tools-width-y98gph: 100vw;
|
|
1114
1117
|
}
|
|
1115
1118
|
}
|
|
1116
1119
|
|
|
1117
|
-
.awsui_hide-
|
|
1120
|
+
.awsui_hide-tools_hyvsj_p48sj_1094:not(#\9) {
|
|
1118
1121
|
position: absolute;
|
|
1119
1122
|
right: var(--space-m-udix3p, 16px);
|
|
1120
1123
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1126,7 +1129,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1126
1129
|
the calculation used to determine the Split Panel maximum width in the
|
|
1127
1130
|
handleSplitPanelMaxWidth function in the context.
|
|
1128
1131
|
*/
|
|
1129
|
-
.awsui_show-
|
|
1132
|
+
.awsui_show-tools_hyvsj_p48sj_1106:not(#\9) {
|
|
1130
1133
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1131
1134
|
border-collapse: separate;
|
|
1132
1135
|
border-spacing: 0;
|
|
@@ -1170,7 +1173,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1170
1173
|
take control in responsive viewports.
|
|
1171
1174
|
*/
|
|
1172
1175
|
}
|
|
1173
|
-
@keyframes
|
|
1176
|
+
@keyframes awsui_showButtons_hyvsj_p48sj_1 {
|
|
1174
1177
|
0% {
|
|
1175
1178
|
opacity: 0;
|
|
1176
1179
|
}
|
|
@@ -1178,31 +1181,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1178
1181
|
opacity: 1;
|
|
1179
1182
|
}
|
|
1180
1183
|
}
|
|
1181
|
-
.awsui_show-
|
|
1184
|
+
.awsui_show-tools_hyvsj_p48sj_1106:not(#\9):not(.awsui_has-tools-form_hyvsj_p48sj_1084) {
|
|
1182
1185
|
display: none;
|
|
1183
1186
|
}
|
|
1184
1187
|
@media (min-width: 689px) {
|
|
1185
|
-
.awsui_show-
|
|
1188
|
+
.awsui_show-tools_hyvsj_p48sj_1106.awsui_has-tools-form_hyvsj_p48sj_1084:not(#\9) {
|
|
1186
1189
|
display: flex;
|
|
1187
1190
|
flex-direction: column;
|
|
1188
1191
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1189
1192
|
}
|
|
1190
|
-
.awsui_show-
|
|
1191
|
-
animation:
|
|
1193
|
+
.awsui_show-tools_hyvsj_p48sj_1106.awsui_has-tools-form_hyvsj_p48sj_1084.awsui_animating_hyvsj_p48sj_777:not(#\9) {
|
|
1194
|
+
animation: awsui_showButtons_hyvsj_p48sj_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1192
1195
|
}
|
|
1193
1196
|
}
|
|
1194
1197
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1195
|
-
.awsui_show-
|
|
1198
|
+
.awsui_show-tools_hyvsj_p48sj_1106.awsui_has-tools-form_hyvsj_p48sj_1084.awsui_animating_hyvsj_p48sj_777:not(#\9) {
|
|
1196
1199
|
animation: none;
|
|
1197
1200
|
transition: none;
|
|
1198
1201
|
}
|
|
1199
1202
|
}
|
|
1200
1203
|
@media (min-width: 689px) {
|
|
1201
|
-
.awsui-motion-disabled .awsui_show-
|
|
1204
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_p48sj_1106.awsui_has-tools-form_hyvsj_p48sj_1084.awsui_animating_hyvsj_p48sj_777:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_p48sj_1106.awsui_has-tools-form_hyvsj_p48sj_1084.awsui_animating_hyvsj_p48sj_777:not(#\9) {
|
|
1202
1205
|
animation: none;
|
|
1203
1206
|
transition: none;
|
|
1204
1207
|
}
|
|
1205
|
-
.awsui_show-
|
|
1208
|
+
.awsui_show-tools_hyvsj_p48sj_1106.awsui_has-tools-form-persistence_hyvsj_p48sj_1084:not(#\9) {
|
|
1206
1209
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1207
1210
|
z-index: 1;
|
|
1208
1211
|
}
|
|
@@ -1212,7 +1215,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1212
1215
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1213
1216
|
SPDX-License-Identifier: Apache-2.0
|
|
1214
1217
|
*/
|
|
1215
|
-
.awsui_trigger-badge-
|
|
1218
|
+
.awsui_trigger-badge-wrapper_hyvsj_p48sj_1166:not(#\9) {
|
|
1216
1219
|
background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
|
|
1217
1220
|
border-radius: 50%;
|
|
1218
1221
|
height: var(--space-layout-toggle-diameter-x54u6y, 40px);
|
|
@@ -1225,10 +1228,10 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1225
1228
|
align-items: center;
|
|
1226
1229
|
clip-path: path("M38.0215 11.3161C37.1068 11.7545 36.0821 12 35 12C31.134 12 28 8.86599 28 5C28 3.91794 28.2455 2.89322 28.6839 1.97851C26.0575 0.710652 23.1118 0 20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40C31.0457 40 40 31.0457 40 20C40 16.8882 39.2893 13.9425 38.0215 11.3161Z");
|
|
1227
1230
|
}
|
|
1228
|
-
.awsui_trigger-badge-
|
|
1231
|
+
.awsui_trigger-badge-wrapper_hyvsj_p48sj_1166:not(#\9):hover {
|
|
1229
1232
|
background: var(--color-background-layout-toggle-hover-ho9150, #354150);
|
|
1230
1233
|
}
|
|
1231
|
-
.awsui_trigger-badge-
|
|
1234
|
+
.awsui_trigger-badge-wrapper_hyvsj_p48sj_1166:not(#\9):active {
|
|
1232
1235
|
background: var(--color-background-layout-toggle-active-robi8g, #354150);
|
|
1233
1236
|
}
|
|
1234
1237
|
|
|
@@ -1237,7 +1240,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1237
1240
|
the calculation used to determine the Split Panel maximum width in the
|
|
1238
1241
|
handleSplitPanelMaxWidth function in the context.
|
|
1239
1242
|
*/
|
|
1240
|
-
.
|
|
1243
|
+
.awsui_trigger_hyvsj_p48sj_1166:not(#\9) {
|
|
1241
1244
|
background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
|
|
1242
1245
|
border-radius: 50%;
|
|
1243
1246
|
height: var(--space-layout-toggle-diameter-x54u6y, 40px);
|
|
@@ -1249,20 +1252,20 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1249
1252
|
pointer-events: auto;
|
|
1250
1253
|
position: relative;
|
|
1251
1254
|
}
|
|
1252
|
-
.
|
|
1255
|
+
.awsui_trigger_hyvsj_p48sj_1166:not(#\9):hover {
|
|
1253
1256
|
background: var(--color-background-layout-toggle-hover-ho9150, #354150);
|
|
1254
1257
|
}
|
|
1255
|
-
.
|
|
1258
|
+
.awsui_trigger_hyvsj_p48sj_1166:not(#\9):active {
|
|
1256
1259
|
background: var(--color-background-layout-toggle-active-robi8g, #354150);
|
|
1257
1260
|
}
|
|
1258
|
-
body[data-awsui-focus-visible=true] .
|
|
1261
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_p48sj_1166:not(#\9):focus {
|
|
1259
1262
|
position: relative;
|
|
1260
1263
|
}
|
|
1261
|
-
body[data-awsui-focus-visible=true] .
|
|
1264
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_p48sj_1166:not(#\9):focus {
|
|
1262
1265
|
outline: 2px dotted transparent;
|
|
1263
1266
|
outline-offset: calc(3px - 1px);
|
|
1264
1267
|
}
|
|
1265
|
-
body[data-awsui-focus-visible=true] .
|
|
1268
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_p48sj_1166:not(#\9):focus::before {
|
|
1266
1269
|
content: " ";
|
|
1267
1270
|
display: block;
|
|
1268
1271
|
position: absolute;
|
|
@@ -1273,40 +1276,40 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1q0bp_1163:not(#\9):foc
|
|
|
1273
1276
|
border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1274
1277
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1275
1278
|
}
|
|
1276
|
-
.
|
|
1279
|
+
.awsui_trigger_hyvsj_p48sj_1166:not(#\9):focus {
|
|
1277
1280
|
outline: none;
|
|
1278
1281
|
}
|
|
1279
|
-
.
|
|
1282
|
+
.awsui_trigger_hyvsj_p48sj_1166.awsui_selected_hyvsj_p48sj_1230:not(#\9) {
|
|
1280
1283
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1281
1284
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1282
1285
|
}
|
|
1283
|
-
.
|
|
1286
|
+
.awsui_trigger_hyvsj_p48sj_1166.awsui_selected_hyvsj_p48sj_1230:not(#\9):hover {
|
|
1284
1287
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1285
1288
|
}
|
|
1286
|
-
.
|
|
1289
|
+
.awsui_trigger_hyvsj_p48sj_1166.awsui_selected_hyvsj_p48sj_1230:not(#\9):active {
|
|
1287
1290
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1288
1291
|
}
|
|
1289
|
-
.
|
|
1292
|
+
.awsui_trigger_hyvsj_p48sj_1166.awsui_selected_hyvsj_p48sj_1230 > .awsui_trigger-badge-wrapper_hyvsj_p48sj_1166:not(#\9) {
|
|
1290
1293
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1291
1294
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1292
1295
|
}
|
|
1293
|
-
.
|
|
1296
|
+
.awsui_trigger_hyvsj_p48sj_1166.awsui_selected_hyvsj_p48sj_1230 > .awsui_trigger-badge-wrapper_hyvsj_p48sj_1166:not(#\9):hover {
|
|
1294
1297
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1295
1298
|
}
|
|
1296
|
-
.
|
|
1299
|
+
.awsui_trigger_hyvsj_p48sj_1166.awsui_selected_hyvsj_p48sj_1230 > .awsui_trigger-badge-wrapper_hyvsj_p48sj_1166:not(#\9):active {
|
|
1297
1300
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1298
1301
|
}
|
|
1299
|
-
.
|
|
1302
|
+
.awsui_trigger_hyvsj_p48sj_1166.awsui_badge_hyvsj_p48sj_1250:not(#\9), .awsui_trigger_hyvsj_p48sj_1166.awsui_badge_hyvsj_p48sj_1250:not(#\9):hover, .awsui_trigger_hyvsj_p48sj_1166.awsui_badge_hyvsj_p48sj_1250:not(#\9):active {
|
|
1300
1303
|
background: transparent;
|
|
1301
1304
|
}
|
|
1302
1305
|
|
|
1303
|
-
.awsui_trigger-
|
|
1306
|
+
.awsui_trigger-wrapper_hyvsj_p48sj_1254:not(#\9) {
|
|
1304
1307
|
position: relative;
|
|
1305
1308
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1306
1309
|
border-radius: 50%;
|
|
1307
1310
|
}
|
|
1308
1311
|
|
|
1309
|
-
.
|
|
1312
|
+
.awsui_dot_hyvsj_p48sj_1260:not(#\9) {
|
|
1310
1313
|
position: absolute;
|
|
1311
1314
|
width: 10px;
|
|
1312
1315
|
height: 10px;
|