X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/8756feab8a902bd1111adf3b1d9514988dde9bf3..baaacfc7c08d8c5df5e67f4fafdbddf4e440c39d:/app/assets/stylesheets/common.css.scss?ds=sidebyside diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss index 399ac6e61..fad878e79 100644 --- a/app/assets/stylesheets/common.css.scss +++ b/app/assets/stylesheets/common.css.scss @@ -397,6 +397,7 @@ nav.secondary { a { padding: 5px 15px; + } &.logged-in > a { @@ -404,7 +405,9 @@ nav.secondary { > .user-button { padding: 5px 10px 5px 6px; display: inline-block; + color: $darkgrey; } + &:hover > .user-button { color: darken($darkgrey, 5%); } } } @@ -433,7 +436,8 @@ nav.secondary { .dropdown-menu { left: auto; - right: 0; + right: -1px; + border-radius: 3px 0 3px 3px; .count-number { float: right; @@ -443,6 +447,25 @@ nav.secondary { } } +#compact-secondary-nav { + display: none; + ul li a { + width: 100%; + color: #333; + &:hover { color: #fff; } + } +} + +@media only screen and (max-width:960px) { + #compact-secondary-nav { + display: inline-block; + } + .compact-hide { + display: none; + } +} + + /* Utility for styling notification numbers */ .count-number { @@ -620,7 +643,7 @@ nav.secondary { padding: $lineheight $lineheight $lineheight/2; } - h4 { + h4, span.user, span.date { font-weight: normal; color: #666; font-size: 12px; @@ -1044,7 +1067,7 @@ a.donate { } .comment a { - font-weight: bold; + font-weight: 500; color: #000; } } @@ -1086,12 +1109,14 @@ a.donate { } .browse-tag-list { - border: 1px solid #CCC; - border-radius: 4px; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; font-size: 12px; + margin-left: -$lineheight; + margin-right: -$lineheight; li { - border-bottom: 1px solid #CCC; + border-bottom: 1px solid #ddd; } li:last-child { @@ -1104,17 +1129,16 @@ a.donate { width: 50%; height: 30px; float: left; - padding: 6px 10px; + padding: 6px 10px 6px $lineheight; } .browse-tag-k { font-weight: 500; background-color: #F6F6F6; - border-radius: 4px 0 0 4px; } .browse-tag-v { - border-left: 1px solid #CCC; + border-left: 1px solid #ddd; } } } @@ -2281,6 +2305,7 @@ a.button { list-style: none; background-color: #ffffff; border: 1px solid #ccc; + border-radius: 0 3px 3px; *border-right-width: 2px; *border-bottom-width: 2px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);