X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/de18a0fe023304cd4f7b588c6b6b03e579895957..48fc453dd0c2050e744faefbd62265c625f8e72f:/app/assets/stylesheets/common.scss?ds=sidebyside diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss index 42046c0a6..549226f58 100644 --- a/app/assets/stylesheets/common.scss +++ b/app/assets/stylesheets/common.scss @@ -66,6 +66,21 @@ time[title] { color: $blue; } +/* Bootstrap contextual table classes overrides in dark mode */ + +@include color-mode(dark) { + .table-primary { + --bs-table-bg: rgb(var(--bs-primary-rgb), .25); + } + .table-secondary { + --bs-table-bg: rgb(var(--bs-secondary-rgb), .25); + } + .table-primary, .table-secondary { + --bs-table-color: initial; + border-color: inherit; + } +} + /* Rules for the header */ #menu-icon { @@ -90,7 +105,6 @@ time[title] { header { height: $headerHeight; position: relative; - z-index: 1001; font-size: 14px; h1, nav, nav > ul, nav > ul > li { @@ -246,7 +260,7 @@ body.small-nav { /* Utility for styling notification numbers */ .count-number { - background: lighten($green, 30%); + background: transparentize(lighten($green, 25%), .25); color: $gray-800; font-weight: $font-weight-normal; } @@ -329,7 +343,6 @@ body.small-nav { .overlay-sidebar #sidebar { position: absolute; - z-index: 1000; height: auto; overflow: hidden; @@ -396,7 +409,6 @@ body.small-nav { } #map-ui { - z-index: 9999; width: 100%; height: 50%; overflow-y: scroll; @@ -516,6 +528,12 @@ header .search_forms, display: none; } +.search_form { + .describe_location { + font-size: 10px; + } +} + /* Rules for search sidebar */ #sidebar .search_results_entry { @@ -552,9 +570,6 @@ td.distance { tr.turn { cursor: pointer; } -tr.turn:hover { - background: $list-highlight; -} .routing_marker { width: 15px; cursor: move; } @@ -648,16 +663,9 @@ tr.turn:hover { /* Rules for export sidebar */ .export_form { - .export_area_inputs, - .export_button { - text-align: center; - } - .export_area_inputs { - margin-bottom: $spacer; input[type="text"] { width: 100px; - text-align: center; } } @@ -805,21 +813,11 @@ tr.turn:hover { /* Rules for messages pages */ .messages { - .inbox-row { - background: $offwhite; - } - .inbox-row-unread td { background: #CBEEA7; } } -.search_form { - .describe_location { - font-size: 10px; - } -} - /* Rules for user images */ img.user_image { @@ -868,8 +866,7 @@ div.secondary-actions { /* Rules for rich text */ -.richtext, -.prose { +.richtext { code { background: var(--bs-secondary-bg); padding: 2px 3px;