|
4 | 4 | --large-font-size: 16px; |
5 | 5 | --side-padding: 12px; |
6 | 6 | --filled-background: rgba(0, 0, 0, 0.09); |
7 | | - --top-padding: 20px; |
8 | | - --bottom-padding: 17px; |
| 7 | + --top-padding: 22px; |
| 8 | + --bottom-padding: 13px; |
9 | 9 | } |
10 | 10 |
|
11 | 11 | .jf-textfield--dense { |
12 | 12 | --field-height: 44px; |
13 | 13 | --label-top: 17px; |
14 | 14 | --large-font-size: 12px; |
15 | 15 | --side-padding: 8px; |
| 16 | + --top-padding: 22px; |
| 17 | + --bottom-padding: 13px; |
| 18 | +} |
| 19 | + |
| 20 | +.jf-textfield--dense.jf-textfield--outlined { |
16 | 21 | --top-padding: 13px; |
17 | 22 | --bottom-padding: 13px; |
18 | 23 | } |
19 | 24 |
|
| 25 | +.jf-textfield--dense.jf-textfield--multiline { |
| 26 | + --top-padding: 22px; |
| 27 | + --bottom-padding: 6px; |
| 28 | +} |
| 29 | + |
| 30 | +.jf-textfield--multiline { |
| 31 | + --top-padding: 23px; |
| 32 | + --bottom-padding: 6px; |
| 33 | +} |
| 34 | + |
| 35 | + |
20 | 36 | .jf-textfield { |
21 | 37 | position: relative; |
22 | 38 | height: var(--field-height); |
|
72 | 88 | padding-left: var(--side-padding); |
73 | 89 | padding-right: var(--side-padding); |
74 | 90 | padding-top: var(--top-padding); |
75 | | - padding-bottom: 12px; |
| 91 | + padding-bottom: var(--bottom-padding); |
76 | 92 | width: 100%; |
77 | 93 | background: 0 0; |
78 | 94 | text-align: left; |
|
288 | 304 | color: var(--color-invalid); |
289 | 305 | } |
290 | 306 |
|
291 | | -.jf-textfield--invalid .jf-textfield__input { |
| 307 | +.jf-textfield--has-icon .jf-textfield__input { |
292 | 308 | padding-right: 40px; |
293 | 309 | } |
294 | 310 |
|
|
0 commit comments