Skip to content

Commit 02fb4f9

Browse files
committed
fix(input-group): empty prefix/suffix is padded
Closes #15412
1 parent ee889f0 commit 02fb4f9

File tree

1 file changed

+17
-12
lines changed

1 file changed

+17
-12
lines changed

projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-theme.scss

Lines changed: 17 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -380,14 +380,17 @@
380380
} @else {
381381
min-height: 100% !important;
382382
}
383+
383384
transition: color $transition-timing, background $transition-timing;
384385

385-
@if $material-theme {
386-
padding-inline: pad-inline(rem(12px), rem(14px), rem(16px));
387-
} @else if $indigo-theme {
388-
padding-inline: pad-inline(rem(2px), rem(4px), rem(6px));
389-
} @else {
390-
padding-inline: pad-inline(rem(8px), rem(12px), rem(16px));
386+
&:not(:empty) {
387+
@if $material-theme {
388+
padding-inline: pad-inline(rem(12px), rem(14px), rem(16px));
389+
} @else if $indigo-theme {
390+
padding-inline: pad-inline(rem(2px), rem(4px), rem(6px));
391+
} @else {
392+
padding-inline: pad-inline(rem(8px), rem(12px), rem(16px));
393+
}
391394
}
392395
}
393396

@@ -816,16 +819,16 @@
816819
%form-group-bundle-start {
817820
border-color: var-get($theme, 'hover-border-color');
818821
}
819-
822+
820823
%igx-input-group__filler {
821824
border-color: var-get($theme, 'hover-border-color');
822825
}
823-
826+
824827
%igx-input-group__notch {
825828
border-block-start-color: var-get($theme, 'hover-border-color');
826829
border-block-end-color: var-get($theme, 'hover-border-color');
827830
}
828-
831+
829832
%form-group-bundle-end {
830833
border-color: var-get($theme, 'hover-border-color');
831834
}
@@ -1009,8 +1012,8 @@
10091012
}
10101013

10111014
%form-group-label--focused-border:not(:is(
1012-
%form-group-border--error,
1013-
%form-group-border--warning,
1015+
%form-group-border--error,
1016+
%form-group-border--warning,
10141017
%form-group-border--success))
10151018
{
10161019
&:hover {
@@ -1887,7 +1890,9 @@
18871890
%form-group-suffix-fluent,
18881891
%form-group-prefix-fluent-search,
18891892
%form-group-suffix-fluent-search {
1890-
padding-inline: pad-inline(rem(8px), rem(12px), rem(16px));
1893+
&:not(:empty) {
1894+
padding-inline: pad-inline(rem(8px), rem(12px), rem(16px));
1895+
}
18911896
}
18921897

18931898
%fluent-upload-button {

0 commit comments

Comments
 (0)