@14ch/svelte-ui 0.0.73 → 0.0.74
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.
|
@@ -221,7 +221,6 @@
|
|
|
221
221
|
gap: var(--svelte-ui-dialog-gap);
|
|
222
222
|
align-items: center;
|
|
223
223
|
justify-content: stretch;
|
|
224
|
-
min-height: var(--svelte-ui-dialog-header-height);
|
|
225
224
|
padding: var(--svelte-ui-dialog-padding);
|
|
226
225
|
}
|
|
227
226
|
.dialog__header .dialog__title {
|
|
@@ -258,8 +257,12 @@
|
|
|
258
257
|
overflow: hidden;
|
|
259
258
|
}
|
|
260
259
|
|
|
260
|
+
/* scrollable では線で区切られた固定バーになるため、高さは変数で決める。
|
|
261
|
+
明示した min-height はフレックスアイテムの自動最小サイズを打ち消すので縮小を止める */
|
|
261
262
|
.dialog--scrollable .dialog__header {
|
|
262
|
-
|
|
263
|
+
flex-shrink: 0;
|
|
264
|
+
min-height: var(--svelte-ui-dialog-header-height);
|
|
265
|
+
padding-block: 0;
|
|
263
266
|
border-bottom: solid 1px var(--svelte-ui-border-color);
|
|
264
267
|
}
|
|
265
268
|
|
|
@@ -342,7 +342,6 @@
|
|
|
342
342
|
gap: var(--svelte-ui-drawer-gap);
|
|
343
343
|
align-items: center;
|
|
344
344
|
justify-content: stretch;
|
|
345
|
-
min-height: var(--svelte-ui-drawer-header-height);
|
|
346
345
|
padding: var(--svelte-ui-drawer-header-padding);
|
|
347
346
|
}
|
|
348
347
|
.drawer__header .drawer__title {
|
|
@@ -375,8 +374,14 @@
|
|
|
375
374
|
border-bottom: 1px solid var(--svelte-ui-border-weak-color);
|
|
376
375
|
}
|
|
377
376
|
|
|
377
|
+
.drawer--scrollable {
|
|
378
|
+
/* 線で区切られた固定バーになるため、高さは変数で決める。
|
|
379
|
+
明示した min-height はフレックスアイテムの自動最小サイズを打ち消すので縮小を止める */
|
|
380
|
+
}
|
|
378
381
|
.drawer--scrollable .drawer__header {
|
|
379
|
-
|
|
382
|
+
flex-shrink: 0;
|
|
383
|
+
min-height: var(--svelte-ui-drawer-header-height);
|
|
384
|
+
padding-block: 0;
|
|
380
385
|
border-bottom: solid var(--svelte-ui-border-width, 1px) var(--svelte-ui-border-weak-color);
|
|
381
386
|
}
|
|
382
387
|
.drawer--scrollable .drawer__body {
|