@14ch/svelte-ui 0.0.59 → 0.0.61
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.
|
@@ -1239,6 +1239,16 @@
|
|
|
1239
1239
|
padding: inherit;
|
|
1240
1240
|
}
|
|
1241
1241
|
|
|
1242
|
+
/*
|
|
1243
|
+
* 箱は継承 line-height（周囲テキストへの追従）を保ちつつ、表示テキストの内側だけ
|
|
1244
|
+
* 自然な line-height にして flex 中央寄せする。input は line-height に依らず内容ボックス
|
|
1245
|
+
* 中央にテキストを描画するため、こうすると focus 切り替え時の縦位置が一致する
|
|
1246
|
+
*/
|
|
1247
|
+
.input__display-text-content,
|
|
1248
|
+
.input__link-text-content {
|
|
1249
|
+
line-height: normal;
|
|
1250
|
+
}
|
|
1251
|
+
|
|
1242
1252
|
&.input--has-left-icon {
|
|
1243
1253
|
input,
|
|
1244
1254
|
.input__display-text,
|
|
@@ -560,6 +560,7 @@
|
|
|
560
560
|
class:textarea--full-width={fullWidth}
|
|
561
561
|
class:textarea--full-height={fullHeight}
|
|
562
562
|
class:textarea--auto-resize={autoResize}
|
|
563
|
+
class:textarea--max-height={maxHeight != null && !inline}
|
|
563
564
|
class:textarea--clearable={clearable}
|
|
564
565
|
class:textarea--rounded={rounded}
|
|
565
566
|
class:textarea--disabled={disabled}
|
|
@@ -795,6 +796,12 @@
|
|
|
795
796
|
.textarea--auto-resize {
|
|
796
797
|
textarea {
|
|
797
798
|
height: 100%;
|
|
799
|
+
/* maxHeight 未指定時は高さが常に中身と一致するため、丸め由来の 1px オーバーフローで
|
|
800
|
+
スクロールバーが出ないよう hidden にする。maxHeight 指定時のみ auto でスクロールさせる */
|
|
801
|
+
overflow-y: hidden;
|
|
802
|
+
}
|
|
803
|
+
|
|
804
|
+
&.textarea--max-height textarea {
|
|
798
805
|
overflow-y: auto;
|
|
799
806
|
}
|
|
800
807
|
}
|