File tree Expand file tree Collapse file tree 1 file changed +19
-10
lines changed
src/components/input/themes/shared Expand file tree Collapse file tree 1 file changed +19
-10
lines changed Original file line number Diff line number Diff line change @@ -332,16 +332,6 @@ input:placeholder-shown + [part='notch'] [part='label'],
332332 }
333333 }
334334
335- [part = ' notch' ] {
336- border : {
337- width : $idle-border-width ;
338- style : solid ;
339- color : var-get ($theme , ' border-color' );
340- left : none ;
341- right : none ;
342- }
343- }
344-
345335 [part = ' filler' ] {
346336 border : {
347337 width : $idle-border-width ;
@@ -372,12 +362,25 @@ input:placeholder-shown + [part='notch'] [part='label'],
372362 };
373363 }
374364 }
365+ }
366+
367+ :host ([outlined ]) {
368+ [part = ' notch' ] {
369+ border : {
370+ width : $idle-border-width ;
371+ style : solid ;
372+ color : var-get ($theme , ' border-color' );
373+ left : none ;
374+ right : none ;
375+ }
376+ }
375377
376378 [part ~= ' filled' ] + [part = ' notch' ] {
377379 @extend %floated-styles ;
378380 }
379381}
380382
383+
381384:host (:not ([type = ' search' ])[readonly ][outlined ]:focus-within ) {
382385 :not ([part ~= ' filled' ]) {
383386 input :not (:placeholder-shown ) + [part = ' notch' ] [part = ' label' ] {
@@ -512,6 +515,12 @@ input:placeholder-shown + [part='notch'] [part='label'],
512515 }
513516}
514517
518+ :host ([type = ' search' ][outlined ]) {
519+ [part = ' notch' ] {
520+ border : none
521+ }
522+ }
523+
515524:host (:disabled ),
516525:host ([disabled ]) {
517526 [part ~= ' input' ],
You can’t perform that action at this time.
0 commit comments