Skip to content

Commit 5a8c3bb

Browse files
author
Melissa Thompson
committed
fix(infieldbutton): high contrast mode has a focus outline
1 parent 951ec80 commit 5a8c3bb

File tree

1 file changed

+11
-4
lines changed

1 file changed

+11
-4
lines changed

components/infieldbutton/index.css

Lines changed: 11 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -176,6 +176,14 @@ governing permissions and limitations under the License.
176176
);
177177
}
178178
}
179+
180+
&:hover:not(:disabled),
181+
&:active:not(:disabled),
182+
&:focus-visible:not(:disabled) {
183+
@media (forced-colors: active) {
184+
--highcontrast-infield-button-border-color: Highlight;
185+
}
186+
}
179187
}
180188

181189
.spectrum-InfieldButton {
@@ -216,8 +224,9 @@ governing permissions and limitations under the License.
216224
);
217225
border-style: solid;
218226
border-color: var(
219-
--mod-infield-button-border-color,
220-
var(--spectrum-infield-button-border-color)
227+
--highcontrast-infield-button-border-color,
228+
var(--mod-infield-button-border-color,
229+
var(--spectrum-infield-button-border-color))
221230
);
222231
border-end-end-radius: var(
223232
--mod-infield-button-border-radius,
@@ -408,8 +417,6 @@ governing permissions and limitations under the License.
408417
}
409418
}
410419

411-
412-
413420
.spectrum-InfieldButton-icon {
414421
display: initial;
415422

0 commit comments

Comments
 (0)