X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/8d4a8031380d7eb2e9929586583b4390951d5ade..8ef21285ab57e372cd4b2c1a9917faec77722c41:/app/assets/stylesheets/common.css.scss diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss index 01b3f3344..8d84f0955 100644 --- a/app/assets/stylesheets/common.css.scss +++ b/app/assets/stylesheets/common.css.scss @@ -7,7 +7,6 @@ $blue: #7092FF; $lightblue: #B8C5F0; $grey: #AAA; $lightgrey: #CCC; -$keyline: #CCC; $hovercolor: 20%; /* Styles common to large and small screens */ @@ -307,7 +306,7 @@ table { .left_menu { left: 0px; margin: 0; - padding: $lineheight/4 $lineheight/2; + padding: $lineheight/4 $lineheight/2 $lineheight/2 $lineheight/2; font-size: 12px; line-height: 1.25; list-style-type: none; @@ -333,10 +332,6 @@ table { font-size: 12px; margin: 0; } - - li:last-child h4 { - padding-top: 0; - } } /* @@ -385,7 +380,7 @@ table { min-width: 0; text-indent: -1000px; overflow: hidden; - background: image-url("sprite.png") 0 0 no-repeat; + background: image-url("sprite.png") -2px -2px no-repeat; position: absolute; top: $lineheight/4; right: $lineheight/4; @@ -477,8 +472,7 @@ a.donate { .site-index #tabnav a#viewanchor, .site-edit #tabnav a#editanchor, -.changeset-list #tabnav a#historyanchor, -.site-export #tabnav a#exportanchor { +.changeset-list #tabnav a#historyanchor { border-bottom: 1px solid #aaa; background: #9ed485; color: #000; @@ -604,11 +598,14 @@ a.donate { } } -.layers-ui { - ul, li:last-child { +.layers-ui, +.share-ui { + ul, li:last-child, p:last-child { margin-bottom: 0; } +} +.layers-ui { li { border-radius: 4px; overflow: hidden; @@ -637,10 +634,23 @@ a.donate { .share-ui { .share-link { - li { - display: inline-block; - width: 50%; + a { + margin-left: 5px; } + + input, + textarea { + font-family: monospace; + font-size: small; + } + } + + #embed_html { + resize: vertical; + } + + #mapnik_scale { + width: 100px; } } @@ -679,7 +689,7 @@ a.donate { z-index: 10000; position: absolute; background-color: #ffffff; - border: 1px solid $keyline; + border: 1px solid $lightgrey; border-top: 0px; ul { margin: 0px; @@ -712,7 +722,7 @@ a.donate { display: none; position: relative; float: left; - border-right: 1px solid $keyline; + border-right: 1px solid $lightgrey; width: 33.3333%; height: 100%; ul { @@ -852,20 +862,6 @@ ul.results-list li { border-bottom: 1px solid #ccc; } margin: $lineheight/4; } -.export_details input[type="text"]#export_html_text { - width: 100%; -} - -#sidebar #marker_inputs li:last-child { - margin-bottom: $lineheight/2; -} - -#export_osm, -#export_mapnik, -#export_osmarender { - display: none; -} - /* Rules for the main content area */ #content { @@ -1445,7 +1441,7 @@ ul.results-list li { border-bottom: 1px solid #ccc; } } tr td { height: 30px; - border-right: 1px solid $keyline; + border-right: 1px solid $lightgrey; } } @@ -1480,7 +1476,7 @@ ul.results-list li { border-bottom: 1px solid #ccc; } .message-read .message-buttons { margin-top: $lineheight; padding-top: $lineheight; - border-top: 1px solid $keyline; + border-top: 1px solid $lightgrey; } .message-read .buttons .mark-unread-button { @@ -1572,7 +1568,7 @@ ul.results-list li { border-bottom: 1px solid #ccc; } .form-divider { margin-top: $lineheight; padding-top: $lineheight; - border-top: 1px solid $keyline; + border-top: 1px solid $lightgrey; } .form-row { margin-bottom: $lineheight/2; @@ -1613,7 +1609,6 @@ textarea { textarea { padding: 5px; width: 100%; - height: 100% !important; } /* Rules for user images */ @@ -1707,6 +1702,7 @@ a.button { display: inline-block; line-height: 20px; padding: $lineheight/4 $lineheight/2; + min-height: 20px + $lineheight/2; min-width: 120px; margin: 0 0 $lineheight/2 0; color: white; @@ -1746,8 +1742,11 @@ a.button { border-radius: 0; margin:0; min-width: 100px; - max-width: 150px; + max-width: 180px; border-right:1px solid white; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; } input:first-child, .button:first-child { @@ -1852,7 +1851,6 @@ a.button { } ul, ol { - font-style: italic; padding-left: $lineheight; margin-bottom: $lineheight; margin-left: $lineheight;