Ensure focus indicator works in Firefox

fixes ADMIN-2675

Test plan
- Ensure focus styles work and look nice
  in all supported browsers

Change-Id: I54f1d46e422322bad1adc9d240e9f565465f5654
Reviewed-on: https://gerrit.instructure.com/196728
Tested-by: Jenkins
Reviewed-by: Jeremy Stanley <jeremy@instructure.com>
QA-Review: Jeremy Stanley <jeremy@instructure.com>
Product-Review: Daniel Sasaki <dsasaki@instructure.com>
This commit is contained in:
Mysti Lilla 2019-06-05 15:24:46 -06:00
parent 421b142f19
commit 03b0bb604d
1 changed files with 9 additions and 0 deletions

View File

@ -43,6 +43,11 @@
background: transparent;
border: none;
padding: 0;
&:focus {
outline: 2px solid var(--ic-brand-primary);
outline-offset: 2px;
}
}
.ImageSearch__screenreader {
@ -87,4 +92,8 @@
overflow: wrap;
margin: 0 .25rem;
}
& a:focus, & a:hover {
outline: 1px solid rgba($ic-color-light, 1);
}
}