Various map styling fixes (#278)

Addresses #182, #291, #273 and #191 

In particular:
* Removes zoom fading for now
* adds legend
* Styles mapbox popup correctly
* Styles zoom control
* Adds feature borders at higher zoom levels
This commit is contained in:
Nat Hillard 2021-07-01 12:57:59 -04:00 committed by GitHub
commit beac44ef20
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
20 changed files with 236 additions and 187 deletions

View file

@ -93,7 +93,7 @@ $j40-max-width: 80ex;
}
.byline {
font-size: .4em;
font-size: 0.3em;
font-weight: normal;
}
}
@ -192,35 +192,17 @@ $j40-max-width: 80ex;
}
}
.j40-maplegend {
dt {
width: 20px;
height: 20px;
display: inline-block;
overflow: hidden;
border: 1px solid #282828;
}
// Mapbox overrides
// Note that these need to be here to properly override defaults
dd {
vertical-align: top;
padding-top: 0.1em;
display: inline-block;
width: 12em;
margin: 0 0 0 1em;
}
.mapsquare-a {
background-color: #1A4480;
color: #1A4480;
}
.mapsquare-b {
background-color: #a9a9aa;
color: #a9a9aa;
}
.mapsquare-c {
background-color: #ecececff;
color: #ecececff;
}
.mapboxgl-popup-close-button {
font-size: 3em;
margin-right: 12px;
margin-top: 15px;
}
.mapboxgl-popup-content {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important;
border-radius: 8px !important;
pointer-events: all !important;
}