map-alliance/src/styles.scss
ztimson b0d74321c8
Some checks failed
Build Functions / Build NPM Project (push) Successful in 18s
Build Website / Build NPM Project (push) Failing after 24s
Build Website / Tag Version (push) Has been skipped
Build Website / Build & Push Dockerfile (push) Has been skipped
Updated angular version to latest
2023-12-11 21:32:05 -05:00

131 lines
2.3 KiB
SCSS

@use '@angular/material' as mat;
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500|Material+Icons");
@include mat.core();
$my-theme: mat.define-light-theme((
color: (
primary: mat.define-palette(mat.$blue-palette, 600),
accent: mat.define-palette(mat.$red-palette, 600),
),
typography: mat.define-typography-config(),
density: 0,
));
@include mat.all-component-themes($my-theme);
:focus {
outline: none !important;
}
html, body {
height: 100vh;
overflow: hidden;
}
body {
margin: 0;
overscroll-behavior: none;
font-family: Roboto, "Helvetica Neue", sans-serif;
background-color: black;
}
.curs-pointer {
cursor: pointer;
}
.d-relative {
position: relative;
}
.overflow-hidden {
overflow: hidden;
}
.cdk-overlay-pane.p-0 {
.mat-dialog-container {
padding: 0;
overflow: hidden;
}
}
.cdk-overlay-pane.pb-0 {
.mat-dialog-container {
padding-bottom: 0;
overflow: hidden;
}
}
.cdk-overlay-container {
z-index: 5500 !important;
}
.mat-mdc-menu-panel {
background-color: rgba(0, 0, 0, 0.8) !important;
.mat-mdc-menu-item {
color: rgba(255, 255, 255, 0.54);
&:hover {
background-color: rgba(90, 90, 90, 0.8) !important;
}
.mat-icon-no-color {
color: rgba(255, 255, 255, 0.54)
}
}
}
// Hide watermarks =============================================================
.leaflet-tooltip {
background: rgba(0, 0, 0, 0.6) !important;
border-color: rgba(0, 0, 0, 0.6) !important;
color: white;
&.leaflet-tooltip-right:before {
border-right-color: rgba(0, 0, 0, 0.6) !important;
}
&.leaflet-tooltip-bottom:before {
border-bottom-color: rgba(0, 0, 0, 0.6) !important;
}
&.leaflet-tooltip-top:before {
border-top-color: rgba(0, 0, 0, 0.6) !important;
}
&.leaflet-tooltip-left:before {
border-left-color: rgba(0, 0, 0, 0.6) !important;
}
}
.leaflet-tooltip-bottom:before {
display: none;
}
.leaflet-popup-content-wrapper {
background: rgba(0, 0, 0, 0.6) !important;
color: white !important;
}
.leaflet-popup-tip {
background: rgba(0, 0, 0, 0.6) !important;
}
a[href^="http://maps.google.com/maps"] {
display: none !important
}
a[href^="https://maps.google.com/maps"] {
display: none !important
}
.gmnoprint a, .gmnoprint span, .gm-style-cc {
display: none;
}
.gmnoprint div {
background: none !important;
}