X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/5e0792631ad5033af447ebb9427b3004c4e35a2c..562e7e7d32c945a0f99442e38953da8402fdd997:/app/assets/stylesheets/common.scss diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss index a366a1bc1..3ab3b6511 100644 --- a/app/assets/stylesheets/common.scss +++ b/app/assets/stylesheets/common.scss @@ -2,6 +2,34 @@ @import "bootstrap"; @import "rails_bootstrap_forms"; +/* Bootstrap + r2 fixes */ + +:root[dir=rtl] { + .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow { + /* no-r2 */ + right: unset !important; + left: calc(-1 * var(--bs-tooltip-arrow-height)) !important; + + &::before { + /* no-r2 */ + left: unset !important; + right: -1px !important; + } + } + + .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow { + /* no-r2 */ + left: unset !important; + right: calc(-1 * var(--bs-tooltip-arrow-height)) !important; + + &::before { + /* no-r2 */ + right: unset !important; + left: -1px !important; + } + } +} + /* Styles common to large and small screens */ /* Default rules for the body of every page */ @@ -565,10 +593,6 @@ body.small-nav { /* Rules for attribution text under the main map shown on printouts */ -#attribution { - display: none; -} - .donate-attr { color: darken($green, 10%) !important; } /* Rules for the sidebar */ @@ -638,9 +662,8 @@ header .search_forms, /* Rules for search sidebar */ #sidebar .search_results_entry { - ul li { - cursor: pointer; - &.selected { background: $list-highlight; } + ul li.selected { + background: $list-highlight; } .search_more .loader { @@ -648,11 +671,6 @@ header .search_forms, } } -.search_results_error { - color: #f00; - padding: 10px 20px; -} - /* Rules for routing */ div.direction { @@ -666,8 +684,6 @@ div.direction.i#{$i} { background-position: #{($i)*-20}px 0px; } } td.distance { - color: $darkgrey; - text-align: right; font-size: x-small; } tr.turn { @@ -720,45 +736,16 @@ tr.turn:hover { } .browse-tag-list { - background-color: $offwhite; table-layout: fixed; - border-collapse: separate; - border-spacing: 0; - width: 100%; - margin-bottom: $spacer; - - th, td { - border-bottom: 1px solid $grey; - } + white-space: pre-wrap; tr:last-child th, tr:last-child td { border-bottom: 0; } - .browse-tag-k, - .browse-tag-v { - width: 50%; - padding: 6px 10px; - word-wrap: break-word; - white-space: pre-wrap; - } - - .browse-tag-k { - font-weight: 500; - background-color: $offwhite; - } - - .browse-tag-v { - border-left: 1px solid $grey; - background-color: #fff; - } - .colour-preview-box { - float: right; width: 14px; height: 14px; - margin: 4px 0px; - border: 1px solid rgba(0, 0, 0, .1); // add color via inline css on element: background-color: ; } } @@ -944,12 +931,6 @@ tr.turn:hover { } } -/* Rules for the user list */ - -#user_list { - width: 100%; -} - /* Rules for the diary entry page */ .diary_entries { @@ -987,12 +968,6 @@ tr.turn:hover { } } -/* Rules for the oauth authorization page */ - -.oauth-authorize ul { - list-style: none; -} - /* Rules for messages pages */ .messages { @@ -1000,7 +975,7 @@ tr.turn:hover { background: $offwhite; } - .inbox-row-unread { + .inbox-row-unread td { background: #CBEEA7; } }