darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-08-20 14:29:51 -04:00
Code Issues Packages Projects Releases Wiki Activity

Use JS for applying focus & add styling for it

Browse Source 
Adds some extra styles so <fieldset>'s show as
focused when they are.

Also includes replacement of `overflow: hidden` on
sticky elements with a clearfix. hiding overflow
clips the outline and the clearfix can be used for
containing any floats instead. (I'm assuming that's
why it was set here.)
This commit is contained in:
Tom Byers
2019-01-29 15:53:59 +00:00
parent 0c823db970
commit 2b2641b039
2 changed files with 26 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/assets/stylesheets/components/stick-at-top-when-scrolling.scss
View File

@@ -4,11 +4,16 @@
.js-stick-at-top-when-scrolling,
.js-stick-at-bottom-when-scrolling {
overflow: hidden;
@extend %contain-floats;
margin-left: -$gutter-half;
padding: 10px 0 0 $gutter-half;
position: relative;
fieldset:focus {
outline: solid 3px $focus-colour;
outline-offset: $gutter-half;
}
.form-group {
margin-bottom: 20px;
}