X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/483b2f204e90c657dd4e545c82f2c9094bcacc83..726db77827fa71133cc9762c3bf295189269ebb5:/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 1e2ce723d..d8b843000 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; @@ -848,6 +871,8 @@ nav.secondary { text-align: center; } +.donate-attr { color: darken($green, 10%) !important; } + /* Rules for the sidebar */ .sidebar_heading { @@ -1039,11 +1064,12 @@ a.donate { border-bottom: $keyline; cursor: pointer; - &.selected { background: lighten($green, 35%); } + &.selected { background: #FFFFE6; } + /* color is derived from changeset bbox fillColor in history.js */ } .comment a { - font-weight: bold; + font-weight: 500; color: #000; } } @@ -1085,12 +1111,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 { @@ -1103,17 +1131,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; } } } @@ -2280,6 +2307,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);