}
}
+/* Utility for delayed loading spinner */
+
+.delayed-fade-in {
+ animation: 300ms linear forwards delayed-fade-in;
+}
+
+@keyframes delayed-fade-in {
+ 0% { opacity: 0 }
+ 66% { opacity: 0 }
+ 100% { opacity: 1 }
+}
+
+/* Bootstrap close button overrides for nested light/dark themes */
+
+[data-bs-theme="dark"] .btn-close {
+ filter: var(--bs-btn-close-white-filter);
+}
+
+[data-bs-theme="light"] .btn-close {
+ filter: none;
+}
+
/* Rules for the header */
#menu-icon {
.search_forms {
display: block;
}
+
+ .username {
+ max-width: unset;
+ }
}
#sidebar .search_forms {
.leaflet-marker-draggable {
cursor: move;
}
+
+ .query-marker {
+ animation: 1500ms forwards query-marker-fade;
+
+ @keyframes query-marker-fade {
+ to { opacity: 0 }
+ }
+ }
}
#map-ui {
}
@include color-mode(dark) {
- .leaflet-tile-container,
+ .leaflet-tile-container .leaflet-tile,
.mapkey-table-entry td:first-child > * {
filter: brightness(.8);
}
- .leaflet-control-attribution a {
+ .leaflet-container .leaflet-control-attribution a {
color: var(--bs-link-color);
}
.leaflet-control-scale-line {
- @extend .border-light, .border-opacity-75;
+ border-color: rgba(var(--bs-light-rgb), .75) !important;
}
}
}
}
-/* Rules for block pages */
+/* Rules for tables with usernames */
+.messages-table .username,
#block_list .username {
max-width: 20em;
}
-/* Rules for tabs inside secondary background sections */
+/* Rules for navigation tabs */
+
+.nav-tabs .username {
+ max-width: 20em;
+}
.bg-body-secondary .nav-tabs {
--bs-border-color: var(--bs-secondary-border-subtle);
.node, .way, .relation {
margin-left: 25px;
}
+
+ .node::before { content: image-url('browse/node.svg'); }
+ .way::before { content: image-url('browse/way.svg'); }
+ .relation::before { content: image-url('browse/relation.svg'); }
}
@each $class, $item in $map-sidebar-icons {