bellingcat/ukraine-timemap
1
0
Fork 0
mirror of https://github.com/bellingcat/ukraine-timemap.git synced 2026-06-12 21:38:35 +03:00
Code Issues Packages Projects Releases Wiki Activity

Change styles for satellite switcher

Browse Source
This commit is contained in:
Logan Williams
2022-03-24 13:05:05 +01:00
parent 2d32af53a9
commit 347f54ebcc
6 changed files with 58 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/scss/satelliteoverlaytoggle.scss
View File

@@ -4,25 +4,36 @@
background-color: rgb(53, 53, 53);
opacity: 0.9;
position: fixed;
top: 4px;
left: 120px;
top: 0.5em;
right: 0.5em;
z-index: $map-overlay;
}
cursor: pointer;
.satellite-overlay-toggle-button-active {
padding: 2px 4px 4px 4px;
border-style: none;
font-size: $small;
font-family: $mainfont;
background-color: rgb(53, 53, 53);
color: white;
}
.satellite-overlay-toggle-button {
width: 64px;
height: 64px;
opacity: 0.8;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
border: none;
color: white;
user-select: none;
display: flex;
justify-content: center;
align-items: flex-end;
padding-bottom: 0.5em;
text-transform: uppercase;
.satellite-overlay-toggle-button-inactive {
padding: 2px 4px 4px 4px;
border-style: none;
font-size: $small;
font-family: $mainfont;
background-color: rgb(53, 53, 53);
color: rgb(159, 159, 159);
&.satellite-overlay-toggle-map {
color: black;
}
&:hover {
opacity: 1;
}
.label {
font-size: $normal;
font-family: $mainfont;
}
}
}