X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/523f84d103bf8f580b1d65a2b2fd948eff9c2c95..4176b78edf3c475495cf1d956ac492b97b8d6464:/app/assets/stylesheets/common.scss diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss index c0e0a3686..9b6b69db7 100644 --- a/app/assets/stylesheets/common.scss +++ b/app/assets/stylesheets/common.scss @@ -1,5 +1,5 @@ @import "parameters"; -@import "bootstrap-custom"; +@import "bootstrap"; /* Styles common to large and small screens */ @@ -205,6 +205,17 @@ nav.primary { } } } + + // Small tweaks to the toggle to stop the primary colour showing through + // when the menu is shown + .show > .btn-outline-primary.dropdown-toggle { + background-color: $green; + border-color: $green; + + &:focus { + box-shadow: 0 0 0 0.2rem fade-out($green, 0.5); + } + } } nav.secondary { @@ -233,6 +244,16 @@ nav.secondary { &:hover { border-color: $grey; } + &:focus { + background-color: white; + box-shadow: none; + } + } + &.show .btn-outline-secondary { + background-color: white; + &:focus { + box-shadow: none; + } } } @@ -257,6 +278,15 @@ nav.secondary { } } +nav.primary, nav.secondary { + .dropdown-item { + &:hover, &:active { + background-color: $green; + color: white; + } + } +} + #compact-secondary-nav { display: none; } @@ -743,6 +773,7 @@ header .search_forms, input[type=text].overflow { border-right: none; + border-radius: 3px 0px 0px 3px; } input:focus { @@ -872,6 +903,7 @@ header .search_forms, padding: 5px 20px 10px 15px; width: 100%; border-collapse: separate; + border-spacing: 0; } div.direction { @@ -996,6 +1028,7 @@ tr.turn:hover { border-radius: 3px; table-layout: fixed; border-collapse: separate; + border-spacing: 0; th, td { border-bottom: 1px solid $grey; @@ -2015,16 +2048,11 @@ a.button { } } -/* Rules for doing distinct colour of alternate table rows */ - -.table0, -.item0 { - background: $offwhite; -} +/* Customise the background colour of striped tables */ -.table1, -.item1 { - background: #fff; +.table-striped > tbody > tr:nth-child(2n+1) > td, +.table-striped > tbody > tr:nth-child(2n+1) > th { + background-color: $offwhite; } /* Rules for OpenID logo */