diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss index 7ade794f..66f67f6e 100644 --- a/app/assets/stylesheets/application.css.scss +++ b/app/assets/stylesheets/application.css.scss @@ -8,6 +8,7 @@ @import "partials/_alerts"; @import "partials/_filters"; @import "partials/_global_alerts"; +@import "partials/_local_nav"; @import "partials/_pagination"; @import "partials/_panels"; @import "partials/_search"; diff --git a/app/assets/stylesheets/partials/_local_nav.scss b/app/assets/stylesheets/partials/_local_nav.scss new file mode 100644 index 00000000..e8232492 --- /dev/null +++ b/app/assets/stylesheets/partials/_local_nav.scss @@ -0,0 +1,42 @@ +.wrap-outer-header-local { + .local-identity { + padding: 1rem 0; + } + + .wrap-header-local { + padding-top: 1rem; + padding-bottom: 1rem; + + .wrap-local-nav { + margin: 0; + + .local-nav { + display: flex; + font-weight: $fw-bold; + + .wrap-gis-links { + text-align: right; + margin-left: auto; + + :first-child:after { + margin: 0 5px; + } + + .nav-item { + padding-left: 5px; + padding-right: 5px; + margin: 0; + text-decoration: underline; + &:hover, + &:active, + &:focus { + transition: all .25s ease-in-out 0s; + color: $brand-primary-accent; + background-color: #fff; + } + } + } + } + } + } +} diff --git a/app/views/layouts/_site_nav.html.erb b/app/views/layouts/_site_nav.html.erb index f4af3764..3ec1f9e9 100644 --- a/app/views/layouts/_site_nav.html.erb +++ b/app/views/layouts/_site_nav.html.erb @@ -1,14 +1,21 @@