X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/d48b1ccdf2bfe04c714377f32c6e6afed6560f79..2c8ed19553808c9f2c9df732a6c60fd3c306aaab:/app/assets/stylesheets/common.css.scss diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss index 9d6ec7d27..b2a23745e 100644 --- a/app/assets/stylesheets/common.css.scss +++ b/app/assets/stylesheets/common.css.scss @@ -529,19 +529,21 @@ table { /* Rules for Leaflet maps */ -#permalink { - z-index: 10000; - position: absolute; - bottom: 0px; - right: 0px; - padding: 5px; - background:#fff; -} +.leaflet-control-attribution { + a.disabled { + color: #99c9dc; + cursor: default; + text-decoration: none; + } -.leaflet-control-attribution a.disabled { - color: #99c9dc; - cursor: default; - text-decoration: none; + ul.secondary-actions { + float: left; + margin-right: 5px; + + &:only-child { + margin-right: 0px; + } + } } .site-index .leaflet-top, @@ -940,9 +942,10 @@ ul.results-list li { border-bottom: 1px solid #ccc; } &:first-child { margin-top: 0; } - &.warning { - color: #ff7070; - font-weight: bold; + .warning { + background-color: #ffe0cc; + margin: 0px; + padding: 4px 6px; } div { clear: left; @@ -1371,7 +1374,7 @@ p#contributorGuidance { background-color: #ff7070; } &#warning { - background-color: #fff6f0; + background-color: #ffe0cc; } &#notice { background-color: #CBEEA7; @@ -1723,6 +1726,10 @@ a.button.submit { /* Rules for the notes interface */ +.note { + padding-top: 10px; +} + .note { h2 { margin-bottom: 10px; @@ -1733,12 +1740,26 @@ a.button.submit { } .permalink { - margin: -10px 0 10px -12px; + position: absolute; + top: 5px; + left: 5px; + min-width: 15px; + min-height: 15px; + background: image-url("sprite.png") 0 -45px no-repeat; + } + + .permalink span { + display: none; + padding-left: 20px; + } + + .permalink:hover span { + display: block; } .warning { display: block; - background-color: #ff7070; + background-color: #ffe0cc; padding: 4px 6px; margin-bottom: 10px; } @@ -1755,6 +1776,7 @@ a.button.submit { .comment { width: 100%; + height: 100px; } .buttons {