X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/a1798fe6fb238fd2e4b878cd1736ca2b3101daa7..79868aeae7c0023e510d446cb4efb890da644917:/app/assets/stylesheets/common.scss?ds=inline diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss index f7192a68e..ec037aafc 100644 --- a/app/assets/stylesheets/common.scss +++ b/app/assets/stylesheets/common.scss @@ -204,18 +204,7 @@ nav.secondary { } #inboxanchor { - display: inline-block; - height: 25px; - margin: 3px 0 3px 3px; background-color: lighten($grey, 10%); - line-height: 20px; - border-radius: 3; - } - - .dropdown-menu { - .count-number { - font-size: 14px; - } } } @@ -324,21 +313,14 @@ body.small-nav { .overlay-sidebar #sidebar #banner { display: none; } - - .leaflet-top.leaflet-right { - top: 10px !important; - } } /* Utility for styling notification numbers */ .count-number { - padding: 2px $lineheight/4; - border-radius: 2px; background: lighten($green, 30%); - margin: 0 2px; - font-size: 11px; - color: #333; + color: $gray-800; + font-weight: $font-weight-normal; } /* Rules for the message shown in place of the map when javascript is disabled */ @@ -351,6 +333,15 @@ body.small-nav { /* Rules for Leaflet maps */ +.leaflet-top.leaflet-right, +.leaflet-top.leaflet-left { + height: 100%; + column-gap: 10px; + display: flex; + flex-direction: column; + flex-wrap: wrap-reverse; +} + .leaflet-control .control-button { display: block; height: 40px; @@ -460,6 +451,11 @@ body.small-nav { display: block; width: $sidebarWidth; } + + button.btn-close { + background-color: rgba(255, 255, 255, 0.5); + opacity: 1.0; + } } #map { @@ -490,7 +486,7 @@ body.small-nav { .section { border-bottom: 1px solid $grey; - padding: 10px 20px; + padding: $spacer; } } } @@ -577,29 +573,13 @@ body.small-nav { } .share-ui { - .share-link { - input[type=text], - textarea { - width: 100%; - font-family: monospace; - font-size: small; - line-height: 1.3; - } - } - - .share-image { - label { - margin-right: 10px; - } - } - #mapnik_scale { width: 100px; } } .leaflet-top { - top: $lineheight/2 !important; + top: 10px !important; .leaflet-control { margin-right: 0px !important; margin-top: 0px !important; @@ -626,13 +606,6 @@ body.small-nav { /* Rules for the sidebar */ -.sidebar_heading { - position: relative; - padding: $lineheight/2 $lineheight; - // background: $offwhite; - // border-bottom: 1px solid $grey; -} - #browse_status { input { display: block; @@ -651,6 +624,9 @@ form { label { font-size: 16px; } + .col-form-label { + font-size: 16px; + } } /* Stop bootstrap 5 from floating legends when they don't need to be */ @@ -1047,49 +1023,21 @@ tr.turn:hover { width: 100%; } -/* Rules for the diary list page */ - -.diary_post { - position: relative; - padding-top: $lineheight; - padding-bottom: $lineheight/2; - border-top: 1px solid $grey; - - &.deleted { - background-color: #fee; - } -} - /* Rules for the diary entry page */ .diary_entries { #map { height: 400px; display: none; - margin-bottom: $lineheight; } .comments { max-width: 740px; } .diary-comment { border-top: 1px dashed $grey; - padding-top: $lineheight/2; - padding-bottom: $lineheight/2; &:first-child { - margin-top: $lineheight/2; - padding-top: $lineheight; border-top: 1px solid $grey; } - &.deleted { - background-color: #fee; - } - p { - margin-bottom: $lineheight/2; - } - .comment-heading { - margin-bottom: 0; - margin-top: 0; - } } } @@ -1210,6 +1158,8 @@ div.secondary-actions { code { background: $lightgrey; padding: 2px 3px; + direction: inherit; /* fix for Bootstrap < 5.2 */ + unicode-bidi: unset; /* fix for Bootstrap < 5.2 */ } pre { @@ -1238,14 +1188,6 @@ div.secondary-actions { } } -/* Rules for the user notes list */ - -.note_list { - tr.creator { - background-color: $offwhite; - } -} - /* Rules for the iD editor */ .id-embed {