Skip to content

Commit 9710542

Browse files
committed
fix(input): address input related issues
- Restore the missing Material line-type corner radius on the Combo/Select toggle button and stretch consumer-supplied buttons to fill the Fluent input's full height in prefix/suffix slots. - Move themed()'s emission from the ig.components layer to ig.base
1 parent 12211bf commit 9710542

4 files changed

Lines changed: 23 additions & 2 deletions

File tree

projects/igniteui-angular/core/src/core/styles/themes/_scoping.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
@mixin themed($theme, $variant: null) {
2626
$_theme: '' + $theme;
2727

28-
@include layer(components) {
28+
@include layer(base) {
2929
@if $variant {
3030
@container style(--ig-theme: #{$_theme}) and style(--ig-theme-variant: #{$variant}) {
3131
@content;

projects/igniteui-angular/core/src/core/styles/themes/generators/_base.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -119,7 +119,7 @@
119119
$excluded: is-component($exclude);
120120
}
121121

122-
@layer ig.base, ig.typography, ig.components, ig.derived;
122+
@layer ig.base, ig.typography, ig.derived;
123123

124124
// Component tokens — emitted once per theme, gated by $exclude so a
125125
// consumer that only uses a handful of components isn't paying for the

projects/igniteui-angular/input-group/src/input-group/themes/shared/fluent.scss

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -57,6 +57,19 @@ $_theme: digest-schema($fluent-input-group);
5757
}
5858
}
5959

60+
igx-prefix,
61+
[igxPrefix],
62+
igx-suffix,
63+
[igxSuffix] {
64+
// Stretch consumer-supplied buttons to fill the taller Fluent bundle height
65+
button,
66+
[igxButton],
67+
[igxIconButton] {
68+
border-radius: 0;
69+
height: 100%;
70+
}
71+
}
72+
6073
@include e(bundle-start) {
6174
overflow: hidden;
6275
border-start-start-radius: var-get($_theme, 'border-border-radius');

projects/igniteui-angular/input-group/src/input-group/themes/shared/material.scss

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -85,6 +85,14 @@ $input-bottom-spacing: rem(6px);
8585
grid-column: 1 / -1;
8686
}
8787

88+
@include e(bundle-start) {
89+
border-start-start-radius: calc(var-get($_theme, 'box-border-radius') - rem(1px));
90+
}
91+
92+
@include e(bundle-end) {
93+
border-start-end-radius: calc(var-get($_theme, 'box-border-radius') - rem(1px));
94+
}
95+
8896
@include e(bundle-main) {
8997
padding-inline: $input-inline-padding;
9098
grid-column: 2;

0 commit comments

Comments
 (0)