publicdata/j40-cejst-2
1
0
Fork 0
mirror of https://github.com/DOI-DO/j40-cejst-2.git synced 2025-08-16 01:21:40 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Zoom button styling does not match spec // General custom controls fix (#357)

Browse source
This commit is contained in:
Nat Hillard 2021-07-15 10:28:51 -04:00 • committed by GitHub
commit dbf1ae2ad8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
19 changed files with 31006 additions and 294 deletions
Download patch file Download diff file Expand all files Collapse all files

20
client/src/styles/global.scss
View file

@ -24,6 +24,7 @@ $theme-font-role-heading: "sans";
@import "../../node_modules/uswds";
@import "~@trussworks/react-uswds/lib/index.css";
@import "../../node_modules/mapbox-gl/dist/mapbox-gl.css";
// Custom SASS/CSS goes here
$j40-max-width: 80ex;
@ -195,14 +196,29 @@ $j40-max-width: 80ex;
// Maplibre overrides
// Note that these need to be here to properly override defaults
.maplibregl-popup-close-button {
.mapboxgl-popup-close-button {
font-size: 3em;
margin-right: 12px;
margin-top: 15px;
}
.maplibregl-popup-content {
.mapboxgl-popup-content {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important;
border-radius: 8px !important;
pointer-events: all !important;
width: auto;
}
// Because we're using react-map-gl, you need to use
// the mapboxgl- class name variables
.mapboxgl-ctrl-group button {
height: 40px;
width: 40px;
box-sizing: border-box;
border-width: 2px;
border-color: #000000;
border-style: solid;
background-color: #ffffff;
font-size: 24px;
}