darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-07 14:18:24 -04:00
Code Issues Packages Projects Releases Wiki Activity

Render selected links with box shadow not outline

Browse Source 
Because there’s a mystery 2px gap between the outline and the element in
Firefox.
This commit is contained in:
Chris Hill-Scott
2018-11-26 11:33:27 +00:00
parent adcd699712
commit 7d20846d94
1 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/assets/stylesheets/components/message.scss
View File

@@ -8,6 +8,20 @@
display: inline; display: inline;
margin-bottom: -$gutter; margin-bottom: -$gutter;
padding-bottom: $gutter; padding-bottom: $gutter;
&:focus {
// Use box shadow instead of outline to avoid buggy outline
// rendering in Firefox
outline: none;
box-shadow: 0 0 0 3px $yellow;
@include ie-lte(8) {
// Box shadow is not supported in IE8
outline: 3px solid $yellow;
}
}
} }
&-separator { &-separator {