@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 */
font-size: 12px;
}
+time[title] {
+ text-decoration: underline dotted;
+}
+
#container { position: relative; }
.small_icon {
margin-right: $lineheight * 0.25;
}
-[dir=rtl] { /* no-r2 */ text-align: right; }
-
-[dir=ltr] { /* no-r2 */ text-align: left; }
-
/* Rules for icons */
.icon {
font-weight: $font-weight-normal;
}
-/* Rules for the message shown in place of the map when javascript is disabled */
-
-#noscript {
- z-index: 20000000;
- margin-left: 400px;
- margin-top: 50px;
-}
-
/* Rules for Leaflet maps */
.leaflet-top.leaflet-right,
#sidebar_loader {
display: none;
}
-
- #sidebar_content {
- padding: $spacer;
- }
-
- > div {
- position: relative;
- }
}
.overlay-sidebar #sidebar {
.welcome {
display: none;
-
- p {
- font-size: 110%;
- font-weight: 300;
- }
}
#banner {
display: block;
width: $sidebarWidth;
}
-
- button.btn-close {
- background-color: rgba(255, 255, 255, 0.5);
- opacity: 1.0;
- }
}
#map {
margin-left: auto;
margin-right: auto;
}
-
- > div {
- padding: $spacer;
- }
}
/* Temporary label size override until we remove site-wide font customisation */
}
.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>;
}
}
bottom: 0;
width: 100%;
}
-
- #map {
- height: 100%;
- overflow: hidden;
- }
}
/* Rules for non-map content pages */
}
}
-#content.maximised {
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 0;
- z-index: 2000;
-}
-
/* Rules for small maps in content areas */
.content_map {
}
}
-/* Rules for the iD editor */
-
-.id-embed {
- width: 100%;
- height: 100%;
-}
-
/* Rules for the "Welcome" page */
.site-welcome, .site-fixthemap {
.sprite {