Skip to content

Commit 580b32b

Browse files
committed
fix(input): fix indigo search hover and search border radius
1 parent 579a909 commit 580b32b

File tree

2 files changed

+7
-8
lines changed

2 files changed

+7
-8
lines changed

src/components/input/themes/shared/input.bootstrap.scss

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -188,7 +188,6 @@ $theme: $bootstrap;
188188
[part^='container'] {
189189
background: var-get($theme, 'search-background');
190190
box-shadow: var-get($theme, 'search-resting-elevation');
191-
border-radius: var-get($theme, 'search-border-radius');
192191

193192
&:focus-within {
194193
background: var-get($theme, 'search-background');

src/components/input/themes/shared/input.indigo.scss

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -171,20 +171,13 @@ $transition-duration: .25s;
171171
[part^='container'] {
172172
background: var-get($theme, 'search-background');
173173
box-shadow: var-get($theme, 'search-resting-elevation');
174-
border-radius: var-get($theme, 'search-border-radius');
175174

176175
&:focus-within,
177176
&:focus-within:hover {
178177
background: var-get($theme, 'box-background-focus');
179178
}
180179
}
181180

182-
&:hover {
183-
[part^='container'] {
184-
background: var-get($theme, 'box-background-hover');
185-
}
186-
}
187-
188181
&:focus-within,
189182
&:focus-within:hover {
190183
[part^='container'] {
@@ -209,6 +202,13 @@ $transition-duration: .25s;
209202
}
210203
}
211204

205+
:host([type='search']:not([disabled],[readonly]):hover),
206+
:host([type='search']:not([disabled])[readonly][role='combobox']:hover) {
207+
[part^='container'] {
208+
background: var-get($theme, 'box-background-hover');
209+
}
210+
}
211+
212212
:host(:disabled),
213213
:host([disabled]) {
214214
[part^='container'] {

0 commit comments

Comments
 (0)