@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 */
/* 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 */
/* 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 {
}
}
-.search_results_error {
- color: #f00;
- padding: 10px 20px;
-}
-
/* Rules for routing */
div.direction {
}
td.distance {
- color: $darkgrey;
- text-align: right;
font-size: x-small;
}
tr.turn {
}
.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: <tag value>;
}
}
}
}
-/* Rules for the user list */
-
-#user_list {
- width: 100%;
-}
-
/* Rules for the diary entry page */
.diary_entries {
}
}
-/* Rules for the oauth authorization page */
-
-.oauth-authorize ul {
- list-style: none;
-}
-
/* Rules for messages pages */
.messages {
background: $offwhite;
}
- .inbox-row-unread {
+ .inbox-row-unread td {
background: #CBEEA7;
}
}