Skip to content

Commit 130fa8e

Browse files
committed
fix(VTextField): remove unnecessary margin on filled inputs
propagate correct border-radius as well as remove details underline on solo
1 parent fc7b05a commit 130fa8e

File tree

1 file changed

+6
-5
lines changed

1 file changed

+6
-5
lines changed

packages/vuetify/src/components/VTextField/VTextField.sass

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -226,7 +226,6 @@
226226
> .v-input__control > .v-input__slot
227227
min-height: 40px
228228

229-
&--filled,
230229
&--outlined
231230
border-radius: $text-field-border-radius
232231

@@ -250,16 +249,13 @@
250249
top: 11px
251250

252251
&--filled
253-
border-radius: 4px 4px 0 0
252+
border-radius: $text-field-border-radius $text-field-border-radius 0 0
254253

255254
&:not(.v-text-field--single-line)
256255
input
257256
margin-top: 22px
258257

259258
&.v-input--dense:not(.v-text-field--single-line)
260-
input
261-
margin-top: 20px
262-
263259
&.v-text-field--outlined
264260
input
265261
margin-top: 0
@@ -315,12 +311,17 @@
315311
flex-direction: row-reverse
316312

317313
&--outlined,
314+
&--solo,
318315
&--rounded
319316
& > .v-input__control > .v-input__slot
320317
&:before,
321318
&:after
322319
display: none
323320

321+
&--outlined,
322+
&--solo
323+
border-radius: $text-field-border-radius
324+
324325
&--outlined
325326
margin-bottom: 16px
326327
transition: border $primary-transition

0 commit comments

Comments
 (0)