1
0
mirror of https://github.com/mwalbeck/nextcloud-breeze-dark.git synced 2024-11-14 20:16:26 +00:00
nextcloud-breeze-dark/css/apps/official/_maps.scss
2022-01-30 18:14:40 +01:00

131 lines
3.4 KiB
SCSS

/***
* @copyright Copyright (c) 2020, Magnus Walbeck <mw@mwalbeck.org>
*
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
*/
/* Maps --------------------------------------------------------------------- */
.app-maps #app-navigation {
#navigation-favorites:not(.active),
#navigation-routing:not(.active),
#navigation-photos:not(.active),
#navigation-contacts:not(.active),
#navigation-tracks:not(.active),
#navigation-devices:not(.active) {
> a,
> .app-navigation-entry-utils {
opacity: 0.57 !important;
}
> .app-navigation-entry-menu {
opacity: 1 !important;
}
> .app-navigation-entry-menu > * {
opacity: 0.57 !important;
}
}
}
.app-maps #app-content {
#search-form #search-submit {
background-color: transparent !important;
border: unset !important;
}
.leaflet-container {
background-color: var(--color-main-background);
}
.leaflet-control-container .leaflet-routing-container {
background-color: var(--color-main-background);
border: 1px solid var(--color-border);
.leaflet-routing-geocoders {
border-bottom: unset;
}
.leaflet-routing-geocoders input {
border-color: var(--color-border);
}
.leaflet-routing-geocoders button {
background-color: var(--color-main-background);
border-color: var(--color-border);
}
.leaflet-routing-geocoders .exportCurrentRoute {
border-bottom: 1px solid var(--color-border);
}
&.leaflet-bar button {
background-color: var(--color-main-background) !important;
color: var(--color-main-text) !important;
}
&.leaflet-bar button:hover {
background-color: var(--color-background-hover) !important;
}
}
.leaflet-contextmenu {
background-color: var(--color-main-background);
border: 1px solid var(--color-border);
box-shadow: none;
.leaflet-contextmenu-item.over {
background-color: var(--color-background-hover);
border-color: var(--color-background-hover);
}
.leaflet-contextmenu-separator {
border-bottom-color: var(--color-border);
}
}
.leaflet-routing-alt {
tr:hover {
background-color: var(--color-background-hover);
}
tr:nth-child(2n + 1) {
background-color: var(--color-background-darker);
}
}
.leaflet-routing-alt,
.leaflet-routing-error {
border-bottom-color: var(--color-border);
}
}
.leaflet-routing-geocoder-result table {
background-color: var(--color-main-background) !important;
border-color: var(--color-border) !important;
tr:hover,
.leaflet-routing-geocoder-selected {
background-color: var(--color-background-hover);
}
}
/* Icons -------------------------------------------------------------------- */
// Filtered images
.app-maps #app-content {
img[src$="star-dark?color=000000"],
img[src$="picture?color=000000"],
img[src$="user?color=000000"],
img[src$="share?color=000000"],
img[src$="recent.svg"],
img[src$="triangle-s.svg"],
img[src$="triangle-e.svg"],
img[src$="poi_place_town.p.20.png"],
img[src$="poi_place_village.p.20.png"],
.leaflet-routing-icon {
filter: invert(95%);
}
}