@cloudscape-design/components 3.0.493 → 3.0.495
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/alert/styles.css.js +25 -25
- package/alert/styles.scoped.css +45 -51
- package/alert/styles.selectors.js +25 -25
- package/anchor-navigation/styles.css.js +8 -8
- package/anchor-navigation/styles.scoped.css +21 -24
- package/anchor-navigation/styles.selectors.js +8 -8
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +32 -35
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/visual-refresh/styles.css.js +80 -80
- package/app-layout/visual-refresh/styles.scoped.css +175 -181
- package/app-layout/visual-refresh/styles.selectors.js +80 -80
- package/attribute-editor/styles.css.js +14 -14
- package/attribute-editor/styles.scoped.css +27 -30
- package/attribute-editor/styles.selectors.js +14 -14
- package/badge/styles.css.js +5 -5
- package/badge/styles.scoped.css +8 -11
- package/badge/styles.selectors.js +5 -5
- package/breadcrumb-group/styles.css.js +7 -7
- package/breadcrumb-group/styles.scoped.css +18 -24
- package/breadcrumb-group/styles.selectors.js +7 -7
- package/button/styles.css.js +20 -20
- package/button/styles.scoped.css +154 -157
- package/button/styles.selectors.js +20 -20
- package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/button-dropdown/mobile-expandable-group/styles.scoped.css +8 -11
- package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/calendar/styles.css.js +18 -18
- package/calendar/styles.scoped.css +41 -44
- package/calendar/styles.selectors.js +18 -18
- package/cards/styles.css.js +39 -39
- package/cards/styles.scoped.css +52 -55
- package/cards/styles.selectors.js +39 -39
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +8 -11
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/styles.css.js +32 -32
- package/code-editor/styles.scoped.css +132 -135
- package/code-editor/styles.selectors.js +32 -32
- package/collection-preferences/content-display/styles.css.js +11 -11
- package/collection-preferences/content-display/styles.scoped.css +20 -23
- package/collection-preferences/content-display/styles.selectors.js +11 -11
- package/collection-preferences/styles.css.js +37 -37
- package/collection-preferences/styles.scoped.css +47 -50
- package/collection-preferences/styles.selectors.js +37 -37
- package/column-layout/styles.css.js +13 -13
- package/column-layout/styles.scoped.css +46 -49
- package/column-layout/styles.selectors.js +13 -13
- package/container/styles.css.js +29 -29
- package/container/styles.scoped.css +55 -58
- package/container/styles.selectors.js +29 -29
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +12 -15
- package/date-picker/styles.selectors.js +7 -7
- package/date-range-picker/styles.css.js +38 -38
- package/date-range-picker/styles.scoped.css +49 -52
- package/date-range-picker/styles.selectors.js +38 -38
- package/drawer/styles.css.js +3 -3
- package/drawer/styles.scoped.css +11 -14
- package/drawer/styles.selectors.js +3 -3
- package/expandable-section/styles.css.js +32 -32
- package/expandable-section/styles.scoped.css +65 -68
- package/expandable-section/styles.selectors.js +32 -32
- package/flashbar/styles.css.js +47 -47
- package/flashbar/styles.scoped.css +149 -152
- package/flashbar/styles.selectors.js +47 -47
- package/form/styles.css.js +9 -9
- package/form/styles.scoped.css +11 -14
- package/form/styles.selectors.js +9 -9
- package/form-field/styles.css.js +19 -19
- package/form-field/styles.scoped.css +32 -35
- package/form-field/styles.selectors.js +19 -19
- package/grid/styles.css.js +53 -53
- package/grid/styles.scoped.css +57 -60
- package/grid/styles.selectors.js +53 -53
- package/header/styles.css.js +34 -34
- package/header/styles.scoped.css +53 -56
- package/header/styles.selectors.js +34 -34
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +66 -69
- package/help-panel/styles.selectors.js +4 -4
- package/input/styles.css.js +12 -12
- package/input/styles.scoped.css +33 -36
- package/input/styles.selectors.js +12 -12
- package/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
- package/internal/analytics/components/analytics-funnel.js +0 -1
- package/internal/analytics/components/analytics-funnel.js.map +1 -1
- package/internal/components/button-trigger/styles.css.js +10 -10
- package/internal/components/button-trigger/styles.scoped.css +27 -30
- package/internal/components/button-trigger/styles.selectors.js +10 -10
- package/internal/components/chart-filter/styles.css.js +3 -3
- package/internal/components/chart-filter/styles.scoped.css +6 -9
- package/internal/components/chart-filter/styles.selectors.js +3 -3
- package/internal/components/chart-legend/styles.css.js +6 -6
- package/internal/components/chart-legend/styles.scoped.css +18 -21
- package/internal/components/chart-legend/styles.selectors.js +6 -6
- package/internal/components/chart-popover/styles.css.js +3 -3
- package/internal/components/chart-popover/styles.scoped.css +6 -9
- package/internal/components/chart-popover/styles.selectors.js +3 -3
- package/internal/components/chart-series-details/styles.css.js +20 -20
- package/internal/components/chart-series-details/styles.scoped.css +42 -51
- package/internal/components/chart-series-details/styles.selectors.js +20 -20
- package/internal/components/chart-series-marker/styles.css.js +5 -5
- package/internal/components/chart-series-marker/styles.scoped.css +10 -13
- package/internal/components/chart-series-marker/styles.selectors.js +5 -5
- package/internal/components/chart-wrapper/styles.css.js +9 -9
- package/internal/components/chart-wrapper/styles.scoped.css +12 -15
- package/internal/components/chart-wrapper/styles.selectors.js +9 -9
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +38 -41
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/components/dropdown-footer/styles.css.js +3 -3
- package/internal/components/dropdown-footer/styles.scoped.css +6 -9
- package/internal/components/dropdown-footer/styles.selectors.js +3 -3
- package/internal/components/dropdown-status/styles.css.js +2 -2
- package/internal/components/dropdown-status/styles.scoped.css +5 -8
- package/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +16 -19
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/components/option/styles.css.js +17 -17
- package/internal/components/option/styles.scoped.css +32 -35
- package/internal/components/option/styles.selectors.js +17 -17
- package/internal/components/options-list/styles.css.js +2 -2
- package/internal/components/options-list/styles.scoped.css +5 -8
- package/internal/components/options-list/styles.selectors.js +2 -2
- package/internal/components/token-list/styles.css.js +9 -9
- package/internal/components/token-list/styles.scoped.css +23 -26
- package/internal/components/token-list/styles.selectors.js +9 -9
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +74 -77
- package/link/styles.selectors.js +20 -20
- package/modal/styles.css.js +23 -23
- package/modal/styles.scoped.css +44 -50
- package/modal/styles.selectors.js +23 -23
- package/multiselect/styles.css.js +2 -2
- package/multiselect/styles.scoped.css +5 -8
- package/multiselect/styles.selectors.js +2 -2
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +26 -29
- package/pagination/styles.selectors.js +9 -9
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +72 -81
- package/popover/styles.selectors.js +50 -50
- package/progress-bar/styles.css.js +18 -18
- package/progress-bar/styles.scoped.css +35 -38
- package/progress-bar/styles.selectors.js +18 -18
- package/property-filter/styles.css.js +31 -31
- package/property-filter/styles.scoped.css +36 -39
- package/property-filter/styles.selectors.js +31 -31
- package/radio-group/styles.css.js +9 -9
- package/radio-group/styles.scoped.css +18 -21
- package/radio-group/styles.selectors.js +9 -9
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +36 -39
- package/segmented-control/styles.selectors.js +14 -14
- package/select/styles.css.js +1 -1
- package/select/styles.scoped.css +4 -7
- package/select/styles.selectors.js +1 -1
- package/side-navigation/styles.css.js +28 -28
- package/side-navigation/styles.scoped.css +41 -44
- package/side-navigation/styles.selectors.js +28 -28
- package/split-panel/styles.css.js +55 -55
- package/split-panel/styles.scoped.css +78 -81
- package/split-panel/styles.selectors.js +55 -55
- package/table/resizer/styles.css.js +8 -8
- package/table/resizer/styles.scoped.css +17 -20
- package/table/resizer/styles.selectors.js +8 -8
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +42 -45
- package/tabs/styles.selectors.js +21 -21
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +63 -66
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/styles.css.js +3 -3
- package/text-filter/styles.scoped.css +6 -9
- package/text-filter/styles.selectors.js +3 -3
- package/textarea/styles.css.js +4 -4
- package/textarea/styles.scoped.css +15 -18
- package/textarea/styles.selectors.js +4 -4
- package/tiles/styles.css.js +29 -29
- package/tiles/styles.scoped.css +76 -82
- package/tiles/styles.selectors.js +29 -29
- package/toggle/styles.css.js +8 -8
- package/toggle/styles.scoped.css +16 -19
- package/toggle/styles.selectors.js +8 -8
- package/token-group/styles.css.js +8 -8
- package/token-group/styles.scoped.css +19 -22
- package/token-group/styles.selectors.js +8 -8
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +45 -48
- package/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +75 -84
- package/top-navigation/styles.selectors.js +47 -47
- package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +24 -27
- package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
- package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/tutorial-panel/components/tutorial-list/styles.scoped.css +36 -45
- package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/tutorial-panel/styles.css.js +1 -1
- package/tutorial-panel/styles.scoped.css +4 -7
- package/tutorial-panel/styles.selectors.js +1 -1
- package/wizard/styles.css.js +31 -31
- package/wizard/styles.scoped.css +65 -68
- package/wizard/styles.selectors.js +31 -31
|
@@ -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_1jkoz_93:not(#\9) {
|
|
94
94
|
display: contents;
|
|
95
95
|
}
|
|
96
|
-
div.
|
|
96
|
+
div.awsui_background_hyvsj_1jkoz_93 > .awsui_scrolling-background_hyvsj_1jkoz_96:not(#\9) {
|
|
97
97
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
98
98
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
99
99
|
grid-column: 1/span 5;
|
|
100
100
|
grid-row: 1/10;
|
|
101
101
|
}
|
|
102
|
-
div.
|
|
102
|
+
div.awsui_background_hyvsj_1jkoz_93 > .awsui_sticky-background_hyvsj_1jkoz_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_1tx15_93 > .awsui_sticky-background_hyvsj_1tx15_102:n
|
|
|
107
107
|
top: var(--awsui-header-height-y98gph);
|
|
108
108
|
z-index: 799;
|
|
109
109
|
}
|
|
110
|
-
div.
|
|
110
|
+
div.awsui_background_hyvsj_1jkoz_93 > .awsui_sticky-background_hyvsj_1jkoz_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1jkoz_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_1jkoz_93 > .awsui_sticky-background_hyvsj_1jkoz_102.awsui_has-sticky-notifications_hyvsj_1jkoz_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_1tx15_93 > .awsui_sticky-background_hyvsj_1tx15_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_1jkoz_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_1tx15_93 > .awsui_sticky-background_hyvsj_1tx15_102.a
|
|
|
130
130
|
be lifted so it doesn't render behind the background element.
|
|
131
131
|
*/
|
|
132
132
|
}
|
|
133
|
-
.
|
|
133
|
+
.awsui_breadcrumbs_hyvsj_1jkoz_123.awsui_has-sticky-background_hyvsj_1jkoz_133:not(#\9) {
|
|
134
134
|
z-index: 799;
|
|
135
135
|
}
|
|
136
136
|
|
|
@@ -142,7 +142,7 @@ div.awsui_background_hyvsj_1tx15_93 > .awsui_sticky-background_hyvsj_1tx15_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_1jkoz_145:not(#\9) {
|
|
146
146
|
background-color: transparent;
|
|
147
147
|
display: flex;
|
|
148
148
|
grid-column: 5;
|
|
@@ -153,18 +153,18 @@ div.awsui_background_hyvsj_1tx15_93 > .awsui_sticky-background_hyvsj_1tx15_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_1jkoz_145.awsui_has-open-drawer_hyvsj_1jkoz_156:not(#\9) {
|
|
157
157
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
158
158
|
}
|
|
159
159
|
@media (min-width: 689px) {
|
|
160
|
-
.awsui_drawers-
|
|
160
|
+
.awsui_drawers-container_hyvsj_1jkoz_145:not(#\9) {
|
|
161
161
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
162
162
|
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));
|
|
163
163
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
164
164
|
}
|
|
165
165
|
}
|
|
166
166
|
@media (max-width: 688px) {
|
|
167
|
-
.awsui_drawers-
|
|
167
|
+
.awsui_drawers-container_hyvsj_1jkoz_145:not(#\9) {
|
|
168
168
|
position: fixed;
|
|
169
169
|
right: 0;
|
|
170
170
|
z-index: 1001;
|
|
@@ -176,24 +176,24 @@ div.awsui_background_hyvsj_1tx15_93 > .awsui_sticky-background_hyvsj_1tx15_102.a
|
|
|
176
176
|
relative to the body.
|
|
177
177
|
*/
|
|
178
178
|
}
|
|
179
|
-
.awsui_drawers-
|
|
179
|
+
.awsui_drawers-container_hyvsj_1jkoz_145.awsui_disable-body-scroll_hyvsj_1jkoz_179:not(#\9) {
|
|
180
180
|
top: var(--awsui-header-height-y98gph);
|
|
181
181
|
}
|
|
182
182
|
}
|
|
183
183
|
|
|
184
|
-
.awsui_drawers-desktop-triggers-
|
|
185
|
-
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
184
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1jkoz_184:not(#\9) {
|
|
186
185
|
border-collapse: separate;
|
|
187
186
|
border-spacing: 0;
|
|
187
|
+
box-sizing: border-box;
|
|
188
188
|
caption-side: top;
|
|
189
189
|
cursor: auto;
|
|
190
|
-
direction:
|
|
190
|
+
direction: inherit;
|
|
191
191
|
empty-cells: show;
|
|
192
192
|
font-family: serif;
|
|
193
193
|
font-size: medium;
|
|
194
194
|
font-style: normal;
|
|
195
195
|
font-variant: normal;
|
|
196
|
-
font-weight:
|
|
196
|
+
font-weight: 400;
|
|
197
197
|
font-stretch: normal;
|
|
198
198
|
line-height: normal;
|
|
199
199
|
-webkit-hyphens: none;
|
|
@@ -202,15 +202,12 @@ div.awsui_background_hyvsj_1tx15_93 > .awsui_sticky-background_hyvsj_1tx15_102.a
|
|
|
202
202
|
list-style: disc outside none;
|
|
203
203
|
tab-size: 8;
|
|
204
204
|
text-align: left;
|
|
205
|
-
text-align-last: auto;
|
|
206
205
|
text-indent: 0;
|
|
207
206
|
text-shadow: none;
|
|
208
207
|
text-transform: none;
|
|
209
208
|
visibility: visible;
|
|
210
209
|
white-space: normal;
|
|
211
|
-
widows: 2;
|
|
212
210
|
word-spacing: normal;
|
|
213
|
-
box-sizing: border-box;
|
|
214
211
|
font-size: var(--font-size-body-m-x4okxb, 14px);
|
|
215
212
|
line-height: var(--line-height-body-m-30ar75, 20px);
|
|
216
213
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
@@ -226,21 +223,21 @@ div.awsui_background_hyvsj_1tx15_93 > .awsui_sticky-background_hyvsj_1tx15_102.a
|
|
|
226
223
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
227
224
|
overscroll-behavior-y: contain;
|
|
228
225
|
}
|
|
229
|
-
.awsui_drawers-desktop-triggers-
|
|
226
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1jkoz_184:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1jkoz_225).awsui_has-open-drawer_hyvsj_1jkoz_156 {
|
|
230
227
|
width: 0;
|
|
231
228
|
}
|
|
232
|
-
.awsui_drawers-desktop-triggers-
|
|
229
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1jkoz_184.awsui_has-multiple-triggers_hyvsj_1jkoz_225.awsui_has-open-drawer_hyvsj_1jkoz_156:not(#\9) {
|
|
233
230
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
234
231
|
}
|
|
235
|
-
.awsui_drawers-desktop-triggers-
|
|
232
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1jkoz_184:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1jkoz_225):not(.awsui_has-open-drawer_hyvsj_1jkoz_156) {
|
|
236
233
|
width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
237
234
|
}
|
|
238
235
|
|
|
239
|
-
.awsui_drawers-mobile-triggers-
|
|
236
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_1jkoz_235:not(#\9) {
|
|
240
237
|
display: flex;
|
|
241
238
|
}
|
|
242
239
|
|
|
243
|
-
.awsui_drawers-trigger-
|
|
240
|
+
.awsui_drawers-trigger-content_hyvsj_1jkoz_239:not(#\9) {
|
|
244
241
|
align-items: center;
|
|
245
242
|
display: flex;
|
|
246
243
|
flex-direction: column;
|
|
@@ -248,13 +245,13 @@ div.awsui_background_hyvsj_1tx15_93 > .awsui_sticky-background_hyvsj_1tx15_102.a
|
|
|
248
245
|
padding-top: var(--space-scaled-s-aqzyko, 12px);
|
|
249
246
|
width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
250
247
|
}
|
|
251
|
-
.awsui_drawers-trigger-
|
|
248
|
+
.awsui_drawers-trigger-content_hyvsj_1jkoz_239:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1jkoz_225).awsui_has-open-drawer_hyvsj_1jkoz_156 {
|
|
252
249
|
opacity: 0;
|
|
253
250
|
}
|
|
254
|
-
.awsui_drawers-trigger-
|
|
251
|
+
.awsui_drawers-trigger-content_hyvsj_1jkoz_239:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1jkoz_225):not(.awsui_has-open-drawer_hyvsj_1jkoz_156) {
|
|
255
252
|
opacity: 1;
|
|
256
253
|
}
|
|
257
|
-
.awsui_drawers-trigger-
|
|
254
|
+
.awsui_drawers-trigger-content_hyvsj_1jkoz_239 > .awsui_drawers-trigger-overflow_hyvsj_1jkoz_253:not(#\9) {
|
|
258
255
|
padding: 0 1px;
|
|
259
256
|
display: flex;
|
|
260
257
|
align-items: center;
|
|
@@ -262,14 +259,14 @@ div.awsui_background_hyvsj_1tx15_93 > .awsui_sticky-background_hyvsj_1tx15_102.a
|
|
|
262
259
|
}
|
|
263
260
|
|
|
264
261
|
@media (max-width: 688px) {
|
|
265
|
-
.awsui_drawers-
|
|
262
|
+
.awsui_drawers-trigger_hyvsj_1jkoz_239:not(#\9) {
|
|
266
263
|
width: 40px;
|
|
267
264
|
display: flex;
|
|
268
265
|
justify-content: center;
|
|
269
266
|
}
|
|
270
267
|
}
|
|
271
268
|
|
|
272
|
-
.
|
|
269
|
+
.awsui_drawer_hyvsj_1jkoz_145:not(#\9) {
|
|
273
270
|
--awsui-drawer-size-y98gph: 290px;
|
|
274
271
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
275
272
|
border-color: transparent;
|
|
@@ -284,7 +281,7 @@ div.awsui_background_hyvsj_1tx15_93 > .awsui_sticky-background_hyvsj_1tx15_102.a
|
|
|
284
281
|
pointer-events: auto;
|
|
285
282
|
word-wrap: break-word;
|
|
286
283
|
}
|
|
287
|
-
.
|
|
284
|
+
.awsui_drawer_hyvsj_1jkoz_145 > .awsui_drawer-content-container_hyvsj_1jkoz_283:not(#\9) {
|
|
288
285
|
grid-column: 1/span 2;
|
|
289
286
|
grid-row: 1;
|
|
290
287
|
width: var(--awsui-drawer-size-y98gph);
|
|
@@ -293,41 +290,41 @@ div.awsui_background_hyvsj_1tx15_93 > .awsui_sticky-background_hyvsj_1tx15_102.a
|
|
|
293
290
|
grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
|
|
294
291
|
overflow-y: auto;
|
|
295
292
|
}
|
|
296
|
-
.
|
|
293
|
+
.awsui_drawer_hyvsj_1jkoz_145 > .awsui_drawer-content-container_hyvsj_1jkoz_283 > .awsui_drawer-close-button_hyvsj_1jkoz_292:not(#\9) {
|
|
297
294
|
grid-column: 3;
|
|
298
295
|
grid-row: 2;
|
|
299
296
|
z-index: 1;
|
|
300
297
|
}
|
|
301
|
-
.
|
|
298
|
+
.awsui_drawer_hyvsj_1jkoz_145 > .awsui_drawer-content-container_hyvsj_1jkoz_283 > .awsui_drawer-content_hyvsj_1jkoz_283:not(#\9) {
|
|
302
299
|
grid-column: 1/span 4;
|
|
303
300
|
}
|
|
304
|
-
.
|
|
301
|
+
.awsui_drawer_hyvsj_1jkoz_145 > .awsui_drawer-content-container_hyvsj_1jkoz_283 > .awsui_drawer-content_hyvsj_1jkoz_283.awsui_drawer-content-hidden_hyvsj_1jkoz_300:not(#\9) {
|
|
305
302
|
display: none;
|
|
306
303
|
}
|
|
307
|
-
.
|
|
304
|
+
.awsui_drawer_hyvsj_1jkoz_145 > .awsui_drawer-slider_hyvsj_1jkoz_303:not(#\9) {
|
|
308
305
|
grid-column: 1;
|
|
309
306
|
grid-row: 1;
|
|
310
307
|
height: 100%;
|
|
311
308
|
display: flex;
|
|
312
309
|
align-items: center;
|
|
313
310
|
}
|
|
314
|
-
.
|
|
311
|
+
.awsui_drawer_hyvsj_1jkoz_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_1jkoz_310) {
|
|
315
312
|
opacity: 0;
|
|
316
313
|
width: 0;
|
|
317
314
|
}
|
|
318
|
-
.
|
|
315
|
+
.awsui_drawer_hyvsj_1jkoz_145.awsui_is-drawer-open_hyvsj_1jkoz_310:not(#\9) {
|
|
319
316
|
border-right: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
320
317
|
border-left: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
321
318
|
opacity: 1;
|
|
322
319
|
width: var(--awsui-drawer-size-y98gph);
|
|
323
320
|
}
|
|
324
321
|
@media (min-width: 2541px) {
|
|
325
|
-
.
|
|
322
|
+
.awsui_drawer_hyvsj_1jkoz_145.awsui_is-drawer-open_hyvsj_1jkoz_310:not(#\9) {
|
|
326
323
|
--awsui-drawer-size-y98gph: 320px;
|
|
327
324
|
}
|
|
328
325
|
}
|
|
329
326
|
@media (max-width: 688px) {
|
|
330
|
-
.
|
|
327
|
+
.awsui_drawer_hyvsj_1jkoz_145.awsui_is-drawer-open_hyvsj_1jkoz_310:not(#\9) {
|
|
331
328
|
--awsui-drawer-size-y98gph: 100vw;
|
|
332
329
|
width: 100vw;
|
|
333
330
|
}
|
|
@@ -337,7 +334,7 @@ div.awsui_background_hyvsj_1tx15_93 > .awsui_sticky-background_hyvsj_1tx15_102.a
|
|
|
337
334
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
338
335
|
SPDX-License-Identifier: Apache-2.0
|
|
339
336
|
*/
|
|
340
|
-
header.
|
|
337
|
+
header.awsui_content_hyvsj_1jkoz_336:not(#\9) {
|
|
341
338
|
grid-area: header;
|
|
342
339
|
}
|
|
343
340
|
|
|
@@ -358,7 +355,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
358
355
|
circumstances regardless of whether the minContentWidth property is
|
|
359
356
|
explicitly set in script.
|
|
360
357
|
*/
|
|
361
|
-
.
|
|
358
|
+
.awsui_layout_hyvsj_1jkoz_357:not(#\9) {
|
|
362
359
|
--awsui-breadcrumbs-gap-y98gph: 0px;
|
|
363
360
|
--awsui-content-gap-left-y98gph: 0px;
|
|
364
361
|
--awsui-content-gap-right-y98gph: 0px;
|
|
@@ -441,139 +438,139 @@ explicitly set in script.
|
|
|
441
438
|
*/
|
|
442
439
|
}
|
|
443
440
|
@media (min-width: 1401px) {
|
|
444
|
-
.
|
|
441
|
+
.awsui_layout_hyvsj_1jkoz_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_1jkoz_440) {
|
|
445
442
|
--awsui-default-max-content-width-y98gph: 1280px;
|
|
446
443
|
}
|
|
447
444
|
}
|
|
448
445
|
@media (min-width: 1921px) {
|
|
449
|
-
.
|
|
446
|
+
.awsui_layout_hyvsj_1jkoz_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_1jkoz_440) {
|
|
450
447
|
--awsui-default-max-content-width-y98gph: 1440px;
|
|
451
448
|
}
|
|
452
449
|
}
|
|
453
450
|
@media (min-width: 2541px) {
|
|
454
|
-
.
|
|
451
|
+
.awsui_layout_hyvsj_1jkoz_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_1jkoz_440) {
|
|
455
452
|
--awsui-default-max-content-width-y98gph: 1620px;
|
|
456
453
|
}
|
|
457
454
|
}
|
|
458
455
|
@media (min-width: 1401px) {
|
|
459
|
-
.
|
|
456
|
+
.awsui_layout_hyvsj_1jkoz_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_1jkoz_440).awsui_content-type-dashboard_hyvsj_1jkoz_455 {
|
|
460
457
|
--awsui-default-max-content-width-y98gph: 1280px;
|
|
461
458
|
}
|
|
462
459
|
}
|
|
463
460
|
@media (min-width: 1921px) {
|
|
464
|
-
.
|
|
461
|
+
.awsui_layout_hyvsj_1jkoz_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_1jkoz_440).awsui_content-type-dashboard_hyvsj_1jkoz_455 {
|
|
465
462
|
--awsui-default-max-content-width-y98gph: 1620px;
|
|
466
463
|
}
|
|
467
464
|
}
|
|
468
465
|
@media (min-width: 2541px) {
|
|
469
|
-
.
|
|
466
|
+
.awsui_layout_hyvsj_1jkoz_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_1jkoz_440).awsui_content-type-dashboard_hyvsj_1jkoz_455 {
|
|
470
467
|
--awsui-default-max-content-width-y98gph: 2160px;
|
|
471
468
|
}
|
|
472
469
|
}
|
|
473
|
-
.
|
|
470
|
+
.awsui_layout_hyvsj_1jkoz_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_1jkoz_440).awsui_content-type-table_hyvsj_1jkoz_469, .awsui_layout_hyvsj_1jkoz_357:not(#\9):not(.awsui_has-max-content-width_hyvsj_1jkoz_440).awsui_content-type-cards_hyvsj_1jkoz_469 {
|
|
474
471
|
--awsui-default-max-content-width-y98gph: 100%;
|
|
475
472
|
}
|
|
476
|
-
.
|
|
473
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_has-max-content-width_hyvsj_1jkoz_440:not(#\9) {
|
|
477
474
|
--awsui-default-max-content-width-y98gph: var(--awsui-max-content-width-y98gph);
|
|
478
475
|
}
|
|
479
|
-
.
|
|
476
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_is-overlap-disabled_hyvsj_1jkoz_475:not(#\9) {
|
|
480
477
|
--awsui-overlap-height-y98gph: 0;
|
|
481
478
|
}
|
|
482
|
-
.
|
|
479
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_is-hide-mobile-toolbar_hyvsj_1jkoz_478:not(#\9) {
|
|
483
480
|
--awsui-mobile-bar-height-y98gph: 0px;
|
|
484
481
|
}
|
|
485
482
|
@media (min-width: 993px) {
|
|
486
|
-
.
|
|
483
|
+
.awsui_layout_hyvsj_1jkoz_357:not(#\9) {
|
|
487
484
|
--awsui-default-min-content-width-y98gph: var(--awsui-min-content-width-y98gph, 280px);
|
|
488
485
|
}
|
|
489
486
|
}
|
|
490
487
|
@media (max-width: 992px) {
|
|
491
|
-
.
|
|
488
|
+
.awsui_layout_hyvsj_1jkoz_357:not(#\9) {
|
|
492
489
|
--awsui-default-min-content-width-y98gph: 0px;
|
|
493
490
|
}
|
|
494
491
|
}
|
|
495
|
-
.
|
|
492
|
+
.awsui_layout_hyvsj_1jkoz_357:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1jkoz_110):not(.awsui_has-sticky-background_hyvsj_1jkoz_133) {
|
|
496
493
|
--awsui-offset-top-with-notifications-y98gph: var(--awsui-header-height-y98gph);
|
|
497
494
|
}
|
|
498
|
-
.
|
|
495
|
+
.awsui_layout_hyvsj_1jkoz_357:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1jkoz_110).awsui_has-sticky-background_hyvsj_1jkoz_133 {
|
|
499
496
|
--awsui-offset-top-with-notifications-y98gph: calc(var(--awsui-header-height-y98gph) + var(--space-scaled-s-aqzyko, 12px));
|
|
500
497
|
}
|
|
501
|
-
.
|
|
498
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_has-sticky-notifications_hyvsj_1jkoz_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_1jkoz_133) {
|
|
502
499
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
503
500
|
var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
|
|
504
501
|
var(--awsui-notifications-height-y98gph) + var(--space-xxxs-zbmxqb, 2px)
|
|
505
502
|
);
|
|
506
503
|
}
|
|
507
|
-
.
|
|
504
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_has-sticky-notifications_hyvsj_1jkoz_110.awsui_has-sticky-background_hyvsj_1jkoz_133:not(#\9) {
|
|
508
505
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
509
506
|
var(--awsui-offset-top-y98gph) + var(--awsui-notifications-gap-y98gph) +
|
|
510
507
|
var(--awsui-notifications-height-y98gph) + var(--space-scaled-s-aqzyko, 12px)
|
|
511
508
|
);
|
|
512
509
|
}
|
|
513
510
|
@media (min-width: 689px) {
|
|
514
|
-
.
|
|
511
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_has-content-gap-left_hyvsj_1jkoz_510:not(#\9) {
|
|
515
512
|
--awsui-content-gap-left-y98gph: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
516
513
|
}
|
|
517
|
-
.
|
|
514
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_has-content-gap-right_hyvsj_1jkoz_513:not(#\9) {
|
|
518
515
|
--awsui-content-gap-right-y98gph: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
519
516
|
}
|
|
520
517
|
}
|
|
521
518
|
@media (max-width: 688px) {
|
|
522
|
-
.
|
|
519
|
+
.awsui_layout_hyvsj_1jkoz_357:not(#\9) {
|
|
523
520
|
--awsui-content-gap-left-y98gph: var(--space-l-t419sm, 20px);
|
|
524
521
|
--awsui-content-gap-right-y98gph: var(--space-l-t419sm, 20px);
|
|
525
522
|
}
|
|
526
523
|
}
|
|
527
|
-
.
|
|
524
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_content-first-child-notifications_hyvsj_1jkoz_523:not(#\9) {
|
|
528
525
|
--awsui-notifications-gap-y98gph: var(--space-xs-zb16t3, 8px);
|
|
529
526
|
}
|
|
530
|
-
.
|
|
527
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_has-breadcrumbs_hyvsj_1jkoz_526:not(#\9) {
|
|
531
528
|
--awsui-breadcrumbs-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
532
529
|
}
|
|
533
|
-
.
|
|
530
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_content-first-child-header_hyvsj_1jkoz_529:not(#\9), .awsui_layout_hyvsj_1jkoz_357.awsui_content-first-child-notifications_hyvsj_1jkoz_523:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1jkoz_526).awsui_has-header_hyvsj_1jkoz_529 {
|
|
534
531
|
--awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
|
|
535
532
|
}
|
|
536
|
-
.
|
|
533
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_has-breadcrumbs_hyvsj_1jkoz_526.awsui_has-header_hyvsj_1jkoz_529:not(#\9) {
|
|
537
534
|
--awsui-header-gap-y98gph: var(--space-scaled-xs-26e2du, 8px);
|
|
538
535
|
}
|
|
539
|
-
.
|
|
536
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_content-first-child-notifications_hyvsj_1jkoz_523:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1jkoz_526):not(.awsui_has-header_hyvsj_1jkoz_529) {
|
|
540
537
|
--awsui-main-gap-y98gph: var(--space-xs-zb16t3, 8px);
|
|
541
538
|
}
|
|
542
|
-
.
|
|
539
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_has-breadcrumbs_hyvsj_1jkoz_526:not(#\9):not(.awsui_has-header_hyvsj_1jkoz_529) {
|
|
543
540
|
--awsui-container-first-gap-y98gph: calc(var(--awsui-breadcrumbs-gap-y98gph) - var(--awsui-main-gap-y98gph));
|
|
544
541
|
}
|
|
545
|
-
.
|
|
542
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_has-breadcrumbs_hyvsj_1jkoz_526:not(#\9):not(.awsui_has-header_hyvsj_1jkoz_529).awsui_is-overlap-disabled_hyvsj_1jkoz_475 {
|
|
546
543
|
--awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
547
544
|
}
|
|
548
|
-
.
|
|
545
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_has-breadcrumbs_hyvsj_1jkoz_526:not(#\9):not(.awsui_has-header_hyvsj_1jkoz_529):not(.awsui_is-overlap-disabled_hyvsj_1jkoz_475) {
|
|
549
546
|
--awsui-main-gap-y98gph: var(--space-scaled-xxs-7597g1, 4px);
|
|
550
547
|
}
|
|
551
|
-
.
|
|
548
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_has-header_hyvsj_1jkoz_529:not(#\9) {
|
|
552
549
|
--awsui-main-gap-y98gph: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
553
550
|
}
|
|
554
|
-
.
|
|
551
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_content-first-child-main_hyvsj_1jkoz_550:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1jkoz_475), .awsui_layout_hyvsj_1jkoz_357.awsui_content-first-child-main_hyvsj_1jkoz_550.awsui_is-overlap-disabled_hyvsj_1jkoz_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1jkoz_550) {
|
|
555
552
|
--awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
556
553
|
}
|
|
557
554
|
@media (min-width: 689px) {
|
|
558
|
-
.
|
|
555
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_content-first-child-main_hyvsj_1jkoz_550:not(#\9):not(.awsui_has-header_hyvsj_1jkoz_529) {
|
|
559
556
|
--awsui-container-first-overlap-extension-y98gph: var(--space-m-udix3p, 16px);
|
|
560
557
|
--awsui-container-first-gap-y98gph: var(--space-xxs-p8yyaw, 4px);
|
|
561
558
|
}
|
|
562
559
|
}
|
|
563
560
|
@media (max-width: 688px) {
|
|
564
|
-
.
|
|
561
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_content-first-child-notifications_hyvsj_1jkoz_523:not(#\9) {
|
|
565
562
|
--awsui-notifications-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
566
563
|
}
|
|
567
|
-
.
|
|
564
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_content-first-child-header_hyvsj_1jkoz_529:not(#\9) {
|
|
568
565
|
--awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
569
566
|
}
|
|
570
|
-
.
|
|
567
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_content-first-child-notifications_hyvsj_1jkoz_523:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1jkoz_526).awsui_has-header_hyvsj_1jkoz_529 {
|
|
571
568
|
--awsui-header-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
572
569
|
}
|
|
573
|
-
.
|
|
570
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_content-first-child-notifications_hyvsj_1jkoz_523:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1jkoz_526):not(.awsui_has-header_hyvsj_1jkoz_529), .awsui_layout_hyvsj_1jkoz_357.awsui_content-first-child-main_hyvsj_1jkoz_550:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1jkoz_475) {
|
|
574
571
|
--awsui-main-gap-y98gph: var(--space-scaled-s-aqzyko, 12px);
|
|
575
572
|
}
|
|
576
|
-
.
|
|
573
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_content-first-child-main_hyvsj_1jkoz_550.awsui_is-overlap-disabled_hyvsj_1jkoz_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1jkoz_550) {
|
|
577
574
|
--awsui-main-gap-y98gph: var(--space-scaled-m-mo5yse, 16px);
|
|
578
575
|
}
|
|
579
576
|
}
|
|
@@ -588,19 +585,19 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
588
585
|
position: sticky will be the value of the notifications height in addition to the
|
|
589
586
|
notifications top margin and some additional vertical space for aesthetics.
|
|
590
587
|
*/
|
|
591
|
-
.
|
|
588
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_disable-body-scroll_hyvsj_1jkoz_179:not(#\9) {
|
|
592
589
|
--awsui-main-template-rows-y98gph: 1fr auto;
|
|
593
590
|
--awsui-offset-top-y98gph: 0px;
|
|
594
591
|
height: var(--awsui-content-height-y98gph);
|
|
595
592
|
overflow-y: scroll;
|
|
596
593
|
}
|
|
597
|
-
.
|
|
594
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_disable-body-scroll_hyvsj_1jkoz_179.awsui_has-split-panel_hyvsj_1jkoz_593.awsui_split-panel-position-bottom_hyvsj_1jkoz_593:not(#\9) {
|
|
598
595
|
--awsui-main-template-rows-y98gph: repeat(2, auto);
|
|
599
596
|
}
|
|
600
|
-
.
|
|
597
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_disable-body-scroll_hyvsj_1jkoz_179:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1jkoz_110) {
|
|
601
598
|
--awsui-offset-top-with-notifications-y98gph: 0px;
|
|
602
599
|
}
|
|
603
|
-
.
|
|
600
|
+
.awsui_layout_hyvsj_1jkoz_357.awsui_disable-body-scroll_hyvsj_1jkoz_179.awsui_has-sticky-notifications_hyvsj_1jkoz_110:not(#\9) {
|
|
604
601
|
--awsui-offset-top-with-notifications-y98gph: calc(
|
|
605
602
|
var(--awsui-notifications-height-y98gph) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
|
|
606
603
|
);
|
|
@@ -610,13 +607,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
610
607
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
611
608
|
when the navigation or tools drawers are open in responsive viewports.
|
|
612
609
|
*/
|
|
613
|
-
.awsui_block-body-
|
|
610
|
+
.awsui_block-body-scroll_hyvsj_1jkoz_609:not(#\9) {
|
|
614
611
|
overflow: hidden;
|
|
615
612
|
}
|
|
616
613
|
|
|
617
614
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
618
|
-
.
|
|
619
|
-
.
|
|
615
|
+
.awsui_unfocusable_hyvsj_1jkoz_614:not(#\9),
|
|
616
|
+
.awsui_unfocusable_hyvsj_1jkoz_614 *:not(#\9) {
|
|
620
617
|
visibility: hidden !important;
|
|
621
618
|
}
|
|
622
619
|
|
|
@@ -625,7 +622,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
625
622
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
626
623
|
SPDX-License-Identifier: Apache-2.0
|
|
627
624
|
*/
|
|
628
|
-
.
|
|
625
|
+
.awsui_container_hyvsj_1jkoz_624:not(#\9) {
|
|
629
626
|
grid-area: main;
|
|
630
627
|
padding-bottom: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
631
628
|
/*
|
|
@@ -642,18 +639,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
642
639
|
on the right, we decrement the column end by one.
|
|
643
640
|
*/
|
|
644
641
|
}
|
|
645
|
-
.
|
|
642
|
+
.awsui_container_hyvsj_1jkoz_624.awsui_has-split-panel_hyvsj_1jkoz_593.awsui_split-panel-position-bottom_hyvsj_1jkoz_593:not(#\9) {
|
|
646
643
|
padding-bottom: calc(var(--awsui-split-panel-height-y98gph) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
647
644
|
}
|
|
648
|
-
.
|
|
645
|
+
.awsui_container_hyvsj_1jkoz_624.awsui_disable-content-paddings_hyvsj_1jkoz_550:not(#\9) {
|
|
649
646
|
grid-column: 1/6;
|
|
650
647
|
padding: 0;
|
|
651
648
|
}
|
|
652
649
|
@media (min-width: 689px) {
|
|
653
|
-
.
|
|
650
|
+
.awsui_container_hyvsj_1jkoz_624.awsui_disable-content-paddings_hyvsj_1jkoz_550.awsui_is-navigation-open_hyvsj_1jkoz_649:not(#\9) {
|
|
654
651
|
grid-column-start: 2;
|
|
655
652
|
}
|
|
656
|
-
.
|
|
653
|
+
.awsui_container_hyvsj_1jkoz_624.awsui_disable-content-paddings_hyvsj_1jkoz_550.awsui_is-tools-open_hyvsj_1jkoz_652:not(#\9), .awsui_container_hyvsj_1jkoz_624.awsui_disable-content-paddings_hyvsj_1jkoz_550.awsui_is-split-panel-open_hyvsj_1jkoz_652.awsui_split-panel-position-side_hyvsj_1jkoz_652:not(#\9), .awsui_container_hyvsj_1jkoz_624.awsui_disable-content-paddings_hyvsj_1jkoz_550.awsui_has-active-drawer_hyvsj_1jkoz_652:not(#\9) {
|
|
657
654
|
grid-column-end: 5;
|
|
658
655
|
}
|
|
659
656
|
}
|
|
@@ -662,7 +659,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
662
659
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
663
660
|
SPDX-License-Identifier: Apache-2.0
|
|
664
661
|
*/
|
|
665
|
-
section.awsui_mobile-
|
|
662
|
+
section.awsui_mobile-toolbar_hyvsj_1jkoz_661:not(#\9) {
|
|
666
663
|
align-items: center;
|
|
667
664
|
background-color: var(--color-background-home-header-2rudu7, #000716);
|
|
668
665
|
border-bottom: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
@@ -678,15 +675,15 @@ section.awsui_mobile-toolbar_hyvsj_1tx15_639:not(#\9) {
|
|
|
678
675
|
top: var(--awsui-offset-top-y98gph);
|
|
679
676
|
z-index: 1000;
|
|
680
677
|
}
|
|
681
|
-
section.awsui_mobile-
|
|
678
|
+
section.awsui_mobile-toolbar_hyvsj_1jkoz_661 > .awsui_mobile-toolbar-nav_hyvsj_1jkoz_677:not(#\9) {
|
|
682
679
|
grid-column: 1;
|
|
683
680
|
margin-right: var(--space-m-udix3p, 16px);
|
|
684
681
|
}
|
|
685
|
-
section.awsui_mobile-
|
|
682
|
+
section.awsui_mobile-toolbar_hyvsj_1jkoz_661 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1jkoz_681:not(#\9) {
|
|
686
683
|
grid-column: 2;
|
|
687
684
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
688
685
|
}
|
|
689
|
-
section.awsui_mobile-
|
|
686
|
+
section.awsui_mobile-toolbar_hyvsj_1jkoz_661 > .awsui_mobile-toolbar-tools_hyvsj_1jkoz_685:not(#\9) {
|
|
690
687
|
grid-column: 3;
|
|
691
688
|
margin-left: var(--space-m-udix3p, 16px);
|
|
692
689
|
}
|
|
@@ -695,7 +692,7 @@ section.awsui_mobile-toolbar_hyvsj_1tx15_639 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
695
692
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
696
693
|
SPDX-License-Identifier: Apache-2.0
|
|
697
694
|
*/
|
|
698
|
-
.awsui_navigation-
|
|
695
|
+
.awsui_navigation-container_hyvsj_1jkoz_694:not(#\9) {
|
|
699
696
|
--awsui-navigation-width-y98gph: 280px;
|
|
700
697
|
display: flex;
|
|
701
698
|
grid-column: 1;
|
|
@@ -717,12 +714,12 @@ section.awsui_mobile-toolbar_hyvsj_1tx15_639 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
717
714
|
pointer-events: none;
|
|
718
715
|
}
|
|
719
716
|
@media (min-width: 2541px) {
|
|
720
|
-
.awsui_navigation-
|
|
717
|
+
.awsui_navigation-container_hyvsj_1jkoz_694:not(#\9) {
|
|
721
718
|
--awsui-navigation-width-y98gph: 320px;
|
|
722
719
|
}
|
|
723
720
|
}
|
|
724
721
|
@media (max-width: 688px) {
|
|
725
|
-
.awsui_navigation-
|
|
722
|
+
.awsui_navigation-container_hyvsj_1jkoz_694:not(#\9) {
|
|
726
723
|
left: 0;
|
|
727
724
|
position: fixed;
|
|
728
725
|
z-index: 1001;
|
|
@@ -734,19 +731,19 @@ section.awsui_mobile-toolbar_hyvsj_1tx15_639 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
734
731
|
relative to the body.
|
|
735
732
|
*/
|
|
736
733
|
}
|
|
737
|
-
.awsui_navigation-
|
|
734
|
+
.awsui_navigation-container_hyvsj_1jkoz_694.awsui_disable-body-scroll_hyvsj_1jkoz_179:not(#\9) {
|
|
738
735
|
top: var(--awsui-header-height-y98gph);
|
|
739
736
|
}
|
|
740
737
|
}
|
|
741
738
|
|
|
742
|
-
nav.awsui_show-
|
|
739
|
+
nav.awsui_show-navigation_hyvsj_1jkoz_738:not(#\9) {
|
|
743
740
|
padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-lcu6qi, 12px);
|
|
744
741
|
/*
|
|
745
742
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
746
743
|
take control in responsive viewports.
|
|
747
744
|
*/
|
|
748
745
|
}
|
|
749
|
-
@keyframes
|
|
746
|
+
@keyframes awsui_showButtons_hyvsj_1jkoz_1 {
|
|
750
747
|
0% {
|
|
751
748
|
opacity: 0;
|
|
752
749
|
}
|
|
@@ -754,31 +751,31 @@ nav.awsui_show-navigation_hyvsj_1tx15_716:not(#\9) {
|
|
|
754
751
|
opacity: 1;
|
|
755
752
|
}
|
|
756
753
|
}
|
|
757
|
-
nav.awsui_show-
|
|
754
|
+
nav.awsui_show-navigation_hyvsj_1jkoz_738.awsui_is-navigation-open_hyvsj_1jkoz_649:not(#\9) {
|
|
758
755
|
display: none;
|
|
759
756
|
}
|
|
760
757
|
@media (min-width: 689px) {
|
|
761
|
-
nav.awsui_show-
|
|
758
|
+
nav.awsui_show-navigation_hyvsj_1jkoz_738:not(#\9):not(.awsui_is-navigation-open_hyvsj_1jkoz_649) {
|
|
762
759
|
display: block;
|
|
763
760
|
}
|
|
764
|
-
nav.awsui_show-
|
|
765
|
-
animation:
|
|
761
|
+
nav.awsui_show-navigation_hyvsj_1jkoz_738:not(#\9):not(.awsui_is-navigation-open_hyvsj_1jkoz_649).awsui_animating_hyvsj_1jkoz_760 {
|
|
762
|
+
animation: awsui_showButtons_hyvsj_1jkoz_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
766
763
|
}
|
|
767
764
|
}
|
|
768
765
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
769
|
-
nav.awsui_show-
|
|
766
|
+
nav.awsui_show-navigation_hyvsj_1jkoz_738:not(#\9):not(.awsui_is-navigation-open_hyvsj_1jkoz_649).awsui_animating_hyvsj_1jkoz_760 {
|
|
770
767
|
animation: none;
|
|
771
768
|
transition: none;
|
|
772
769
|
}
|
|
773
770
|
}
|
|
774
771
|
@media (min-width: 689px) {
|
|
775
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
772
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1jkoz_738:not(#\9):not(.awsui_is-navigation-open_hyvsj_1jkoz_649).awsui_animating_hyvsj_1jkoz_760, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1jkoz_738:not(#\9):not(.awsui_is-navigation-open_hyvsj_1jkoz_649).awsui_animating_hyvsj_1jkoz_760 {
|
|
776
773
|
animation: none;
|
|
777
774
|
transition: none;
|
|
778
775
|
}
|
|
779
776
|
}
|
|
780
777
|
|
|
781
|
-
nav.
|
|
778
|
+
nav.awsui_navigation_hyvsj_1jkoz_694:not(#\9) {
|
|
782
779
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
783
780
|
bottom: 0;
|
|
784
781
|
height: 100%;
|
|
@@ -796,7 +793,7 @@ nav.awsui_navigation_hyvsj_1tx15_672:not(#\9) {
|
|
|
796
793
|
prevent unwanted text wrapping.
|
|
797
794
|
*/
|
|
798
795
|
}
|
|
799
|
-
@keyframes
|
|
796
|
+
@keyframes awsui_openNavigation_hyvsj_1jkoz_1 {
|
|
800
797
|
from {
|
|
801
798
|
opacity: 0;
|
|
802
799
|
width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -806,33 +803,33 @@ nav.awsui_navigation_hyvsj_1tx15_672:not(#\9) {
|
|
|
806
803
|
width: var(--awsui-navigation-width-y98gph);
|
|
807
804
|
}
|
|
808
805
|
}
|
|
809
|
-
nav.
|
|
806
|
+
nav.awsui_navigation_hyvsj_1jkoz_694:not(#\9):not(.awsui_is-navigation-open_hyvsj_1jkoz_649) {
|
|
810
807
|
width: 0;
|
|
811
808
|
display: none;
|
|
812
809
|
}
|
|
813
|
-
nav.
|
|
814
|
-
animation:
|
|
810
|
+
nav.awsui_navigation_hyvsj_1jkoz_694.awsui_is-navigation-open_hyvsj_1jkoz_649.awsui_animating_hyvsj_1jkoz_760:not(#\9) {
|
|
811
|
+
animation: awsui_openNavigation_hyvsj_1jkoz_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
815
812
|
}
|
|
816
813
|
@media (prefers-reduced-motion: reduce) {
|
|
817
|
-
nav.
|
|
814
|
+
nav.awsui_navigation_hyvsj_1jkoz_694.awsui_is-navigation-open_hyvsj_1jkoz_649.awsui_animating_hyvsj_1jkoz_760:not(#\9) {
|
|
818
815
|
animation: none;
|
|
819
816
|
transition: none;
|
|
820
817
|
}
|
|
821
818
|
}
|
|
822
|
-
.awsui-motion-disabled nav.
|
|
819
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_1jkoz_694.awsui_is-navigation-open_hyvsj_1jkoz_649.awsui_animating_hyvsj_1jkoz_760:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1jkoz_694.awsui_is-navigation-open_hyvsj_1jkoz_649.awsui_animating_hyvsj_1jkoz_760:not(#\9) {
|
|
823
820
|
animation: none;
|
|
824
821
|
transition: none;
|
|
825
822
|
}
|
|
826
|
-
nav.
|
|
823
|
+
nav.awsui_navigation_hyvsj_1jkoz_694 > .awsui_animated-content_hyvsj_1jkoz_822:not(#\9) {
|
|
827
824
|
width: var(--awsui-navigation-width-y98gph);
|
|
828
825
|
}
|
|
829
826
|
@media (max-width: 688px) {
|
|
830
|
-
nav.
|
|
827
|
+
nav.awsui_navigation_hyvsj_1jkoz_694:not(#\9) {
|
|
831
828
|
--awsui-navigation-width-y98gph: 100vw;
|
|
832
829
|
}
|
|
833
830
|
}
|
|
834
831
|
|
|
835
|
-
.awsui_hide-
|
|
832
|
+
.awsui_hide-navigation_hyvsj_1jkoz_831:not(#\9) {
|
|
836
833
|
position: absolute;
|
|
837
834
|
right: var(--space-m-udix3p, 16px);
|
|
838
835
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -842,13 +839,13 @@ nav.awsui_navigation_hyvsj_1tx15_672 > .awsui_animated-content_hyvsj_1tx15_800:n
|
|
|
842
839
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
843
840
|
SPDX-License-Identifier: Apache-2.0
|
|
844
841
|
*/
|
|
845
|
-
.
|
|
842
|
+
.awsui_notifications_hyvsj_1jkoz_841:not(#\9) {
|
|
846
843
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
847
844
|
grid-area: notifications;
|
|
848
845
|
z-index: 850;
|
|
849
846
|
}
|
|
850
847
|
@media (min-width: 689px) {
|
|
851
|
-
.
|
|
848
|
+
.awsui_notifications_hyvsj_1jkoz_841.awsui_sticky-notifications_hyvsj_1jkoz_847:not(#\9) {
|
|
852
849
|
--awsui-flashbar-sticky-bottom-margin-y98gph: var(--space-xxl-cu2m1r, 32px);
|
|
853
850
|
position: sticky;
|
|
854
851
|
top: calc(var(--awsui-offset-top-y98gph) + var(--space-xs-zb16t3, 8px));
|
|
@@ -865,7 +862,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
865
862
|
consume the remaining vertical space in the grid after the notifications
|
|
866
863
|
and breadcrumbs.
|
|
867
864
|
*/
|
|
868
|
-
section.awsui_split-panel-
|
|
865
|
+
section.awsui_split-panel-bottom_hyvsj_1jkoz_864:not(#\9) {
|
|
869
866
|
/*
|
|
870
867
|
The align self property will position the split panel at the bottom of the grid row.
|
|
871
868
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -901,7 +898,7 @@ section.awsui_split-panel-bottom_hyvsj_1tx15_842:not(#\9) {
|
|
|
901
898
|
apply the animation to the height property.
|
|
902
899
|
*/
|
|
903
900
|
}
|
|
904
|
-
@keyframes
|
|
901
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_1jkoz_1 {
|
|
905
902
|
from {
|
|
906
903
|
height: var(--awsui-split-panel-reported-header-size-y98gph, 0);
|
|
907
904
|
}
|
|
@@ -909,39 +906,39 @@ section.awsui_split-panel-bottom_hyvsj_1tx15_842:not(#\9) {
|
|
|
909
906
|
height: var(--awsui-split-panel-reported-size-y98gph);
|
|
910
907
|
}
|
|
911
908
|
}
|
|
912
|
-
section.awsui_split-panel-
|
|
909
|
+
section.awsui_split-panel-bottom_hyvsj_1jkoz_864.awsui_disable-body-scroll_hyvsj_1jkoz_179:not(#\9) {
|
|
913
910
|
bottom: 0;
|
|
914
911
|
}
|
|
915
|
-
section.awsui_split-panel-
|
|
912
|
+
section.awsui_split-panel-bottom_hyvsj_1jkoz_864.awsui_is-navigation-open_hyvsj_1jkoz_649.awsui_position-bottom_hyvsj_1jkoz_911:not(#\9) {
|
|
916
913
|
grid-column-start: 2;
|
|
917
914
|
}
|
|
918
|
-
section.awsui_split-panel-
|
|
915
|
+
section.awsui_split-panel-bottom_hyvsj_1jkoz_864.awsui_has-open-drawer_hyvsj_1jkoz_156.awsui_position-bottom_hyvsj_1jkoz_911:not(#\9) {
|
|
919
916
|
grid-column-end: 5;
|
|
920
917
|
}
|
|
921
|
-
section.awsui_split-panel-
|
|
918
|
+
section.awsui_split-panel-bottom_hyvsj_1jkoz_864.awsui_position-bottom_hyvsj_1jkoz_911:not(#\9) {
|
|
922
919
|
display: block;
|
|
923
920
|
}
|
|
924
|
-
section.awsui_split-panel-
|
|
921
|
+
section.awsui_split-panel-bottom_hyvsj_1jkoz_864:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1jkoz_652).awsui_position-bottom_hyvsj_1jkoz_911 {
|
|
925
922
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
926
923
|
}
|
|
927
|
-
section.awsui_split-panel-
|
|
924
|
+
section.awsui_split-panel-bottom_hyvsj_1jkoz_864.awsui_is-split-panel-open_hyvsj_1jkoz_652.awsui_position-bottom_hyvsj_1jkoz_911:not(#\9) {
|
|
928
925
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
929
926
|
}
|
|
930
|
-
section.awsui_split-panel-
|
|
931
|
-
animation:
|
|
927
|
+
section.awsui_split-panel-bottom_hyvsj_1jkoz_864.awsui_is-split-panel-open_hyvsj_1jkoz_652.awsui_position-bottom_hyvsj_1jkoz_911.awsui_animating_hyvsj_1jkoz_760:not(#\9) {
|
|
928
|
+
animation: awsui_openSplitPanelBottom_hyvsj_1jkoz_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
932
929
|
}
|
|
933
930
|
@media (prefers-reduced-motion: reduce) {
|
|
934
|
-
section.awsui_split-panel-
|
|
931
|
+
section.awsui_split-panel-bottom_hyvsj_1jkoz_864.awsui_is-split-panel-open_hyvsj_1jkoz_652.awsui_position-bottom_hyvsj_1jkoz_911.awsui_animating_hyvsj_1jkoz_760:not(#\9) {
|
|
935
932
|
animation: none;
|
|
936
933
|
transition: none;
|
|
937
934
|
}
|
|
938
935
|
}
|
|
939
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
936
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1jkoz_864.awsui_is-split-panel-open_hyvsj_1jkoz_652.awsui_position-bottom_hyvsj_1jkoz_911.awsui_animating_hyvsj_1jkoz_760:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1jkoz_864.awsui_is-split-panel-open_hyvsj_1jkoz_652.awsui_position-bottom_hyvsj_1jkoz_911.awsui_animating_hyvsj_1jkoz_760:not(#\9) {
|
|
940
937
|
animation: none;
|
|
941
938
|
transition: none;
|
|
942
939
|
}
|
|
943
940
|
|
|
944
|
-
section.awsui_split-panel-
|
|
941
|
+
section.awsui_split-panel-side_hyvsj_1jkoz_940:not(#\9) {
|
|
945
942
|
height: 100%;
|
|
946
943
|
overflow-x: hidden;
|
|
947
944
|
pointer-events: auto;
|
|
@@ -951,15 +948,15 @@ section.awsui_split-panel-side_hyvsj_1tx15_918:not(#\9) {
|
|
|
951
948
|
be persistent in the DOM when closed.
|
|
952
949
|
*/
|
|
953
950
|
}
|
|
954
|
-
section.awsui_split-panel-
|
|
951
|
+
section.awsui_split-panel-side_hyvsj_1jkoz_940:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1jkoz_652), section.awsui_split-panel-side_hyvsj_1jkoz_940.awsui_position-bottom_hyvsj_1jkoz_911:not(#\9) {
|
|
955
952
|
width: 0;
|
|
956
953
|
}
|
|
957
|
-
section.awsui_split-panel-
|
|
954
|
+
section.awsui_split-panel-side_hyvsj_1jkoz_940.awsui_is-split-panel-open_hyvsj_1jkoz_652.awsui_position-side_hyvsj_1jkoz_953:not(#\9) {
|
|
958
955
|
max-width: var(--awsui-split-panel-max-width-y98gph, 280px);
|
|
959
956
|
min-width: var(--awsui-split-panel-min-width-y98gph, 280px);
|
|
960
957
|
border-left: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
961
958
|
}
|
|
962
|
-
section.awsui_split-panel-
|
|
959
|
+
section.awsui_split-panel-side_hyvsj_1jkoz_940.awsui_is-split-panel-open_hyvsj_1jkoz_652.awsui_position-side_hyvsj_1jkoz_953:not(#\9):not(.awsui_has-open-drawer_hyvsj_1jkoz_156) {
|
|
963
960
|
border-right: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
|
|
964
961
|
}
|
|
965
962
|
|
|
@@ -976,7 +973,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
976
973
|
property. The content gap right is computed in the Layout styles based on the
|
|
977
974
|
viewport size and state of the Tools drawer.
|
|
978
975
|
*/
|
|
979
|
-
.awsui_tools-
|
|
976
|
+
.awsui_tools-container_hyvsj_1jkoz_975:not(#\9) {
|
|
980
977
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
981
978
|
--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));
|
|
982
979
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -992,12 +989,12 @@ viewport size and state of the Tools drawer.
|
|
|
992
989
|
pointer-events: none;
|
|
993
990
|
}
|
|
994
991
|
@media (min-width: 2541px) {
|
|
995
|
-
.awsui_tools-
|
|
992
|
+
.awsui_tools-container_hyvsj_1jkoz_975:not(#\9) {
|
|
996
993
|
--awsui-tools-width-y98gph: 360px;
|
|
997
994
|
}
|
|
998
995
|
}
|
|
999
996
|
@media (max-width: 688px) {
|
|
1000
|
-
.awsui_tools-
|
|
997
|
+
.awsui_tools-container_hyvsj_1jkoz_975:not(#\9) {
|
|
1001
998
|
--awsui-tools-max-width-y98gph: none;
|
|
1002
999
|
--awsui-tools-width-y98gph: auto;
|
|
1003
1000
|
position: fixed;
|
|
@@ -1011,12 +1008,12 @@ viewport size and state of the Tools drawer.
|
|
|
1011
1008
|
relative to the body.
|
|
1012
1009
|
*/
|
|
1013
1010
|
}
|
|
1014
|
-
.awsui_tools-
|
|
1011
|
+
.awsui_tools-container_hyvsj_1jkoz_975.awsui_disable-body-scroll_hyvsj_1jkoz_179:not(#\9) {
|
|
1015
1012
|
top: var(--awsui-header-height-y98gph);
|
|
1016
1013
|
}
|
|
1017
1014
|
}
|
|
1018
1015
|
|
|
1019
|
-
.
|
|
1016
|
+
.awsui_tools_hyvsj_1jkoz_975:not(#\9) {
|
|
1020
1017
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1021
1018
|
flex-shrink: 0;
|
|
1022
1019
|
height: 100%;
|
|
@@ -1039,7 +1036,7 @@ viewport size and state of the Tools drawer.
|
|
|
1039
1036
|
in the side position.
|
|
1040
1037
|
*/
|
|
1041
1038
|
}
|
|
1042
|
-
@keyframes
|
|
1039
|
+
@keyframes awsui_openTools_hyvsj_1jkoz_1 {
|
|
1043
1040
|
from {
|
|
1044
1041
|
opacity: var(--awsui-tools-animation-starting-opacity-y98gph, 0);
|
|
1045
1042
|
width: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -1049,41 +1046,41 @@ viewport size and state of the Tools drawer.
|
|
|
1049
1046
|
width: var(--awsui-tools-width-y98gph);
|
|
1050
1047
|
}
|
|
1051
1048
|
}
|
|
1052
|
-
.
|
|
1049
|
+
.awsui_tools_hyvsj_1jkoz_975:not(#\9):not(.awsui_is-tools-open_hyvsj_1jkoz_652) {
|
|
1053
1050
|
width: 0;
|
|
1054
1051
|
display: none;
|
|
1055
1052
|
}
|
|
1056
|
-
.
|
|
1053
|
+
.awsui_tools_hyvsj_1jkoz_975.awsui_is-tools-open_hyvsj_1jkoz_652:not(#\9) {
|
|
1057
1054
|
border-left: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1058
1055
|
}
|
|
1059
|
-
.
|
|
1060
|
-
animation:
|
|
1056
|
+
.awsui_tools_hyvsj_1jkoz_975.awsui_is-tools-open_hyvsj_1jkoz_652.awsui_animating_hyvsj_1jkoz_760:not(#\9) {
|
|
1057
|
+
animation: awsui_openTools_hyvsj_1jkoz_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1061
1058
|
}
|
|
1062
1059
|
@media (prefers-reduced-motion: reduce) {
|
|
1063
|
-
.
|
|
1060
|
+
.awsui_tools_hyvsj_1jkoz_975.awsui_is-tools-open_hyvsj_1jkoz_652.awsui_animating_hyvsj_1jkoz_760:not(#\9) {
|
|
1064
1061
|
animation: none;
|
|
1065
1062
|
transition: none;
|
|
1066
1063
|
}
|
|
1067
1064
|
}
|
|
1068
|
-
.awsui-motion-disabled .
|
|
1065
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_1jkoz_975.awsui_is-tools-open_hyvsj_1jkoz_652.awsui_animating_hyvsj_1jkoz_760:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1jkoz_975.awsui_is-tools-open_hyvsj_1jkoz_652.awsui_animating_hyvsj_1jkoz_760:not(#\9) {
|
|
1069
1066
|
animation: none;
|
|
1070
1067
|
transition: none;
|
|
1071
1068
|
}
|
|
1072
|
-
.
|
|
1069
|
+
.awsui_tools_hyvsj_1jkoz_975 > .awsui_animated-content_hyvsj_1jkoz_822:not(#\9) {
|
|
1073
1070
|
width: var(--awsui-tools-width-y98gph);
|
|
1074
1071
|
}
|
|
1075
1072
|
@media (min-width: 689px) {
|
|
1076
|
-
.
|
|
1073
|
+
.awsui_tools_hyvsj_1jkoz_975.awsui_is-tools-open_hyvsj_1jkoz_652.awsui_has-tools-form-persistence_hyvsj_1jkoz_1072:not(#\9) {
|
|
1077
1074
|
border-right: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1078
1075
|
}
|
|
1079
1076
|
}
|
|
1080
1077
|
@media (max-width: 688px) {
|
|
1081
|
-
.
|
|
1078
|
+
.awsui_tools_hyvsj_1jkoz_975:not(#\9) {
|
|
1082
1079
|
--awsui-tools-width-y98gph: 100vw;
|
|
1083
1080
|
}
|
|
1084
1081
|
}
|
|
1085
1082
|
|
|
1086
|
-
.awsui_hide-
|
|
1083
|
+
.awsui_hide-tools_hyvsj_1jkoz_1082:not(#\9) {
|
|
1087
1084
|
position: absolute;
|
|
1088
1085
|
right: var(--space-m-udix3p, 16px);
|
|
1089
1086
|
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1095,19 +1092,19 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1095
1092
|
the calculation used to determine the Split Panel maximum width in the
|
|
1096
1093
|
handleSplitPanelMaxWidth function in the context.
|
|
1097
1094
|
*/
|
|
1098
|
-
.awsui_show-
|
|
1099
|
-
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1095
|
+
.awsui_show-tools_hyvsj_1jkoz_1094:not(#\9) {
|
|
1100
1096
|
border-collapse: separate;
|
|
1101
1097
|
border-spacing: 0;
|
|
1098
|
+
box-sizing: border-box;
|
|
1102
1099
|
caption-side: top;
|
|
1103
1100
|
cursor: auto;
|
|
1104
|
-
direction:
|
|
1101
|
+
direction: inherit;
|
|
1105
1102
|
empty-cells: show;
|
|
1106
1103
|
font-family: serif;
|
|
1107
1104
|
font-size: medium;
|
|
1108
1105
|
font-style: normal;
|
|
1109
1106
|
font-variant: normal;
|
|
1110
|
-
font-weight:
|
|
1107
|
+
font-weight: 400;
|
|
1111
1108
|
font-stretch: normal;
|
|
1112
1109
|
line-height: normal;
|
|
1113
1110
|
-webkit-hyphens: none;
|
|
@@ -1116,15 +1113,12 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1116
1113
|
list-style: disc outside none;
|
|
1117
1114
|
tab-size: 8;
|
|
1118
1115
|
text-align: left;
|
|
1119
|
-
text-align-last: auto;
|
|
1120
1116
|
text-indent: 0;
|
|
1121
1117
|
text-shadow: none;
|
|
1122
1118
|
text-transform: none;
|
|
1123
1119
|
visibility: visible;
|
|
1124
1120
|
white-space: normal;
|
|
1125
|
-
widows: 2;
|
|
1126
1121
|
word-spacing: normal;
|
|
1127
|
-
box-sizing: border-box;
|
|
1128
1122
|
font-size: var(--font-size-body-m-x4okxb, 14px);
|
|
1129
1123
|
line-height: var(--line-height-body-m-30ar75, 20px);
|
|
1130
1124
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
@@ -1139,7 +1133,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1139
1133
|
take control in responsive viewports.
|
|
1140
1134
|
*/
|
|
1141
1135
|
}
|
|
1142
|
-
@keyframes
|
|
1136
|
+
@keyframes awsui_showButtons_hyvsj_1jkoz_1 {
|
|
1143
1137
|
0% {
|
|
1144
1138
|
opacity: 0;
|
|
1145
1139
|
}
|
|
@@ -1147,31 +1141,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1147
1141
|
opacity: 1;
|
|
1148
1142
|
}
|
|
1149
1143
|
}
|
|
1150
|
-
.awsui_show-
|
|
1144
|
+
.awsui_show-tools_hyvsj_1jkoz_1094:not(#\9):not(.awsui_has-tools-form_hyvsj_1jkoz_1072) {
|
|
1151
1145
|
display: none;
|
|
1152
1146
|
}
|
|
1153
1147
|
@media (min-width: 689px) {
|
|
1154
|
-
.awsui_show-
|
|
1148
|
+
.awsui_show-tools_hyvsj_1jkoz_1094.awsui_has-tools-form_hyvsj_1jkoz_1072:not(#\9) {
|
|
1155
1149
|
display: flex;
|
|
1156
1150
|
flex-direction: column;
|
|
1157
1151
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1158
1152
|
}
|
|
1159
|
-
.awsui_show-
|
|
1160
|
-
animation:
|
|
1153
|
+
.awsui_show-tools_hyvsj_1jkoz_1094.awsui_has-tools-form_hyvsj_1jkoz_1072.awsui_animating_hyvsj_1jkoz_760:not(#\9) {
|
|
1154
|
+
animation: awsui_showButtons_hyvsj_1jkoz_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1161
1155
|
}
|
|
1162
1156
|
}
|
|
1163
1157
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1164
|
-
.awsui_show-
|
|
1158
|
+
.awsui_show-tools_hyvsj_1jkoz_1094.awsui_has-tools-form_hyvsj_1jkoz_1072.awsui_animating_hyvsj_1jkoz_760:not(#\9) {
|
|
1165
1159
|
animation: none;
|
|
1166
1160
|
transition: none;
|
|
1167
1161
|
}
|
|
1168
1162
|
}
|
|
1169
1163
|
@media (min-width: 689px) {
|
|
1170
|
-
.awsui-motion-disabled .awsui_show-
|
|
1164
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_1jkoz_1094.awsui_has-tools-form_hyvsj_1jkoz_1072.awsui_animating_hyvsj_1jkoz_760:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1jkoz_1094.awsui_has-tools-form_hyvsj_1jkoz_1072.awsui_animating_hyvsj_1jkoz_760:not(#\9) {
|
|
1171
1165
|
animation: none;
|
|
1172
1166
|
transition: none;
|
|
1173
1167
|
}
|
|
1174
|
-
.awsui_show-
|
|
1168
|
+
.awsui_show-tools_hyvsj_1jkoz_1094.awsui_has-tools-form-persistence_hyvsj_1jkoz_1072:not(#\9) {
|
|
1175
1169
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1176
1170
|
z-index: 1;
|
|
1177
1171
|
}
|
|
@@ -1181,7 +1175,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1181
1175
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1182
1176
|
SPDX-License-Identifier: Apache-2.0
|
|
1183
1177
|
*/
|
|
1184
|
-
.awsui_trigger-badge-
|
|
1178
|
+
.awsui_trigger-badge-wrapper_hyvsj_1jkoz_1176:not(#\9) {
|
|
1185
1179
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1186
1180
|
border-radius: 50%;
|
|
1187
1181
|
height: var(--space-layout-toggle-diameter-hb85rk, 36px);
|
|
@@ -1194,10 +1188,10 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1194
1188
|
align-items: center;
|
|
1195
1189
|
clip-path: path("M34.2193 10.1845C33.3961 10.579 32.4739 10.8 31.5 10.8C28.0206 10.8 25.2 7.97939 25.2 4.5C25.2 3.52614 25.421 2.6039 25.8155 1.78066C23.4518 0.639587 20.8006 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18C36 15.1994 35.3604 12.5482 34.2193 10.1845Z");
|
|
1196
1190
|
}
|
|
1197
|
-
.awsui_trigger-badge-
|
|
1191
|
+
.awsui_trigger-badge-wrapper_hyvsj_1jkoz_1176:not(#\9):hover {
|
|
1198
1192
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1199
1193
|
}
|
|
1200
|
-
.awsui_trigger-badge-
|
|
1194
|
+
.awsui_trigger-badge-wrapper_hyvsj_1jkoz_1176:not(#\9):active {
|
|
1201
1195
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1202
1196
|
}
|
|
1203
1197
|
|
|
@@ -1206,7 +1200,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1206
1200
|
the calculation used to determine the Split Panel maximum width in the
|
|
1207
1201
|
handleSplitPanelMaxWidth function in the context.
|
|
1208
1202
|
*/
|
|
1209
|
-
.
|
|
1203
|
+
.awsui_trigger_hyvsj_1jkoz_1176:not(#\9) {
|
|
1210
1204
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1211
1205
|
border-radius: 50%;
|
|
1212
1206
|
height: var(--space-layout-toggle-diameter-hb85rk, 36px);
|
|
@@ -1217,20 +1211,20 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1217
1211
|
pointer-events: auto;
|
|
1218
1212
|
position: relative;
|
|
1219
1213
|
}
|
|
1220
|
-
.
|
|
1214
|
+
.awsui_trigger_hyvsj_1jkoz_1176:not(#\9):hover {
|
|
1221
1215
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1222
1216
|
}
|
|
1223
|
-
.
|
|
1217
|
+
.awsui_trigger_hyvsj_1jkoz_1176:not(#\9):active {
|
|
1224
1218
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1225
1219
|
}
|
|
1226
|
-
body[data-awsui-focus-visible=true] .
|
|
1220
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1jkoz_1176:not(#\9):focus {
|
|
1227
1221
|
position: relative;
|
|
1228
1222
|
}
|
|
1229
|
-
body[data-awsui-focus-visible=true] .
|
|
1223
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1jkoz_1176:not(#\9):focus {
|
|
1230
1224
|
outline: 2px dotted transparent;
|
|
1231
1225
|
outline-offset: calc(3px - 1px);
|
|
1232
1226
|
}
|
|
1233
|
-
body[data-awsui-focus-visible=true] .
|
|
1227
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1jkoz_1176:not(#\9):focus::before {
|
|
1234
1228
|
content: " ";
|
|
1235
1229
|
display: block;
|
|
1236
1230
|
position: absolute;
|
|
@@ -1241,40 +1235,40 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1tx15_1132:not(#\9):foc
|
|
|
1241
1235
|
border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1242
1236
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1243
1237
|
}
|
|
1244
|
-
.
|
|
1238
|
+
.awsui_trigger_hyvsj_1jkoz_1176:not(#\9):focus {
|
|
1245
1239
|
outline: none;
|
|
1246
1240
|
}
|
|
1247
|
-
.
|
|
1241
|
+
.awsui_trigger_hyvsj_1jkoz_1176.awsui_selected_hyvsj_1jkoz_1239:not(#\9) {
|
|
1248
1242
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1249
1243
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1250
1244
|
}
|
|
1251
|
-
.
|
|
1245
|
+
.awsui_trigger_hyvsj_1jkoz_1176.awsui_selected_hyvsj_1jkoz_1239:not(#\9):hover {
|
|
1252
1246
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1253
1247
|
}
|
|
1254
|
-
.
|
|
1248
|
+
.awsui_trigger_hyvsj_1jkoz_1176.awsui_selected_hyvsj_1jkoz_1239:not(#\9):active {
|
|
1255
1249
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1256
1250
|
}
|
|
1257
|
-
.
|
|
1251
|
+
.awsui_trigger_hyvsj_1jkoz_1176.awsui_selected_hyvsj_1jkoz_1239 > .awsui_trigger-badge-wrapper_hyvsj_1jkoz_1176:not(#\9) {
|
|
1258
1252
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1259
1253
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1260
1254
|
}
|
|
1261
|
-
.
|
|
1255
|
+
.awsui_trigger_hyvsj_1jkoz_1176.awsui_selected_hyvsj_1jkoz_1239 > .awsui_trigger-badge-wrapper_hyvsj_1jkoz_1176:not(#\9):hover {
|
|
1262
1256
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1263
1257
|
}
|
|
1264
|
-
.
|
|
1258
|
+
.awsui_trigger_hyvsj_1jkoz_1176.awsui_selected_hyvsj_1jkoz_1239 > .awsui_trigger-badge-wrapper_hyvsj_1jkoz_1176:not(#\9):active {
|
|
1265
1259
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1266
1260
|
}
|
|
1267
|
-
.
|
|
1261
|
+
.awsui_trigger_hyvsj_1jkoz_1176.awsui_badge_hyvsj_1jkoz_1259:not(#\9), .awsui_trigger_hyvsj_1jkoz_1176.awsui_badge_hyvsj_1jkoz_1259:not(#\9):hover, .awsui_trigger_hyvsj_1jkoz_1176.awsui_badge_hyvsj_1jkoz_1259:not(#\9):active {
|
|
1268
1262
|
background: transparent;
|
|
1269
1263
|
}
|
|
1270
1264
|
|
|
1271
|
-
.awsui_trigger-
|
|
1265
|
+
.awsui_trigger-wrapper_hyvsj_1jkoz_1263:not(#\9) {
|
|
1272
1266
|
position: relative;
|
|
1273
1267
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1274
1268
|
border-radius: 50%;
|
|
1275
1269
|
}
|
|
1276
1270
|
|
|
1277
|
-
.
|
|
1271
|
+
.awsui_dot_hyvsj_1jkoz_1269:not(#\9) {
|
|
1278
1272
|
position: absolute;
|
|
1279
1273
|
width: 9px;
|
|
1280
1274
|
height: 9px;
|