File tree Expand file tree Collapse file tree 1 file changed +8
-7
lines changed
src/components/input/themes/shared Expand file tree Collapse file tree 1 file changed +8
-7
lines changed Original file line number Diff line number Diff line change @@ -159,7 +159,7 @@ input:placeholder-shown + [part='notch'] [part='label'],
159159
160160:host ([readonly ]:not ([outlined ]):focus-within ) {
161161 :not ([part ~= ' filled' ]) {
162- input :not (:placeholder-shown ) + [part = ' notch' ] [part = ' label' ] {
162+ input :has ( : not (:placeholder-shown ) ) + [part = ' notch' ] [part = ' label' ] {
163163 translate : 0 ;
164164 font-size : initial ;
165165 }
@@ -409,15 +409,15 @@ input:placeholder-shown + [part='notch'] [part='label'],
409409 }
410410 }
411411
412- & :has (input :placeholder-shown ) {
412+ [part ~= ' filled' ] + [part = ' notch' ] {
413+ @extend %floated-styles ;
414+
413415 [part = ' label' ] {
414416 align-self : start ;
415417 }
416418 }
417419
418- [part ~= ' filled' ] + [part = ' notch' ] {
419- @extend %floated-styles ;
420-
420+ [part ~= ' container' ]:has (input :placeholder-shown ) {
421421 [part = ' label' ] {
422422 align-self : start ;
423423 }
@@ -452,12 +452,13 @@ input:placeholder-shown + [part='notch'] [part='label'],
452452
453453:host (:not (:state(ig-invalid ),[type = ' search' ])[readonly ][outlined ]:focus-within ) {
454454 :not ([part ~= ' filled' ]) {
455- input :not (:placeholder-shown ) + [part = ' notch' ] [part = ' label' ] {
455+ input :has ( : not (:placeholder-shown ) ) + [part = ' notch' ] [part = ' label' ] {
456456 translate : 0 ;
457457 font-size : initial ;
458+ align-self : center ;
458459 }
459460
460- input :not (:placeholder-shown ) + [part = ' notch' ] {
461+ input :has ( : not (:placeholder-shown ) ) + [part = ' notch' ] {
461462 border : {
462463 width : $active-border-width ;
463464 color : var-get ($theme , ' focused-border-color' );
You can’t perform that action at this time.
0 commit comments