@db-ux/core-components 2.2.5 → 2.3.1
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/build/components/custom-select-list/custom-select-list.css +1 -0
- package/build/components/custom-select-list/custom-select-list.scss +1 -0
- package/build/components/drawer/drawer.css +5 -0
- package/build/components/drawer/drawer.scss +1 -0
- package/build/components/textarea/textarea.css +1 -0
- package/build/components/textarea/textarea.scss +1 -0
- package/build/styles/absolute.css +3 -3
- package/build/styles/index.css +3 -3
- package/build/styles/relative.css +3 -3
- package/build/styles/rollup.css +3 -3
- package/build/styles/webpack.css +3 -3
- package/package.json +3 -3
|
@@ -128,6 +128,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
|
|
|
128
128
|
all: unset;
|
|
129
129
|
padding: var(--db-spacing-fixed-sm);
|
|
130
130
|
overflow-y: auto;
|
|
131
|
+
overflow-block: auto;
|
|
131
132
|
/* (checkbox height + list-item padding) * 6 items + list padding */
|
|
132
133
|
max-block-size: calc(5.5 * (var(--db-icon-font-size) - 2 * var(--db-border-width-3xs) + 2 * var(--db-spacing-fixed-sm)) + var(--db-spacing-fixed-sm) * 2);
|
|
133
134
|
}
|
|
@@ -207,6 +207,7 @@ dialog:not([data-backdrop=none])[data-backdrop=weak]::backdrop, dialog:not([data
|
|
|
207
207
|
/* stylelint-disable-next-line db-ux/use-spacings */
|
|
208
208
|
padding-inline: var(--db-drawer-content-padding-inline, var(--db-spacing-fixed-md));
|
|
209
209
|
overflow-y: auto;
|
|
210
|
+
overflow-block: auto;
|
|
210
211
|
}
|
|
211
212
|
.db-drawer .db-drawer-container {
|
|
212
213
|
padding-block: var(--db-spacing-fixed-sm);
|
|
@@ -220,6 +221,7 @@ dialog:not([data-backdrop=none])[data-backdrop=weak]::backdrop, dialog:not([data
|
|
|
220
221
|
/* stylelint-disable-next-line db-ux/use-spacings */
|
|
221
222
|
padding-inline: var(--db-drawer-content-padding-inline, var(--db-spacing-fixed-lg));
|
|
222
223
|
overflow-y: auto;
|
|
224
|
+
overflow-block: auto;
|
|
223
225
|
}
|
|
224
226
|
.db-drawer [data-spacing=medium].db-drawer-container {
|
|
225
227
|
/* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector */
|
|
@@ -236,6 +238,7 @@ dialog:not([data-backdrop=none])[data-backdrop=weak]::backdrop, dialog:not([data
|
|
|
236
238
|
/* stylelint-disable-next-line db-ux/use-spacings */
|
|
237
239
|
padding-inline: var(--db-drawer-content-padding-inline, var(--db-spacing-fixed-lg));
|
|
238
240
|
overflow-y: auto;
|
|
241
|
+
overflow-block: auto;
|
|
239
242
|
}
|
|
240
243
|
.db-drawer [data-spacing=large].db-drawer-container {
|
|
241
244
|
/* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector */
|
|
@@ -252,6 +255,7 @@ dialog:not([data-backdrop=none])[data-backdrop=weak]::backdrop, dialog:not([data
|
|
|
252
255
|
/* stylelint-disable-next-line db-ux/use-spacings */
|
|
253
256
|
padding-inline: var(--db-drawer-content-padding-inline, var(--db-spacing-fixed-xl));
|
|
254
257
|
overflow-y: auto;
|
|
258
|
+
overflow-block: auto;
|
|
255
259
|
}
|
|
256
260
|
.db-drawer [data-spacing=none].db-drawer-container {
|
|
257
261
|
/* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector */
|
|
@@ -268,6 +272,7 @@ dialog:not([data-backdrop=none])[data-backdrop=weak]::backdrop, dialog:not([data
|
|
|
268
272
|
/* stylelint-disable-next-line db-ux/use-spacings */
|
|
269
273
|
padding-inline: var(--db-drawer-content-padding-inline, 0);
|
|
270
274
|
overflow-y: auto;
|
|
275
|
+
overflow-block: auto;
|
|
271
276
|
}
|
|
272
277
|
|
|
273
278
|
.db-drawer .db-drawer-container {
|
|
@@ -709,6 +709,7 @@ textarea[aria-disabled=true]) {
|
|
|
709
709
|
}
|
|
710
710
|
.db-textarea textarea {
|
|
711
711
|
overflow-y: scroll;
|
|
712
|
+
overflow-block: scroll;
|
|
712
713
|
padding-block: var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs);
|
|
713
714
|
}
|
|
714
715
|
.db-textarea[data-variant=floating]:has(textarea:is(:focus-within, :not(:placeholder-shown)))::before {
|