mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-08-13 05:24:19 -07:00
f791a25a76* Fix territory shortcuts on mobile - remove zoom controls on mobile - center search on mobile - move up the territoriy shortcuts on mobile - increase height of map on mobile in portrait mode - update tests * Reduce map height - troubleshooting staging map height * Removes null render in map * Comment out conditional render of NavControls * Revert height changes * Remove MapSearch component * Remove territory styling * Console.log the device width * Add logging width/mobile onLoad() * Add isMobile to map height prop * Swap conditional order of map height * Add isMobileMapState to map height * Add back all changes and force height to non-100% - staging mobile seems to have height at 100% regardless of conditional. This will test this. - this will break desktop on staging and is purposeful * Remove API key for mapbox * Add height as 90% to check conditional * trying isMobile and windowWidth * is not mobile and width > 1024 * use a function instead of a conditional * Modify getHeight function - remove Cypress tests from GHA to speed up build / deplot to staging * Console.log windowWidth and constants.desktop * Add boolean console.log * Place values in DOM itself * add height to div * log out types * add types nicely formatted * Move height styling on map from inline to parent - use a media query to detect mobile and set the map parents height via SASS * Add back cypress tests
36 lines
No EOL
545 B
SCSS
36 lines
No EOL
545 B
SCSS
@use '../styles/design-system.scss' as *;
|
|
@import "./utils.scss";
|
|
|
|
.j40Popup {
|
|
width: 375px;
|
|
}
|
|
|
|
.navigationControl {
|
|
left: .75em;
|
|
top: units(15);
|
|
width: 2.5em;
|
|
}
|
|
|
|
.fullscreenControl {
|
|
right: 1.25em;
|
|
top: 2.5em;
|
|
}
|
|
|
|
.geolocateControl {
|
|
right: 1.25em;
|
|
top: 5em;
|
|
}
|
|
|
|
.mapInfoPanel {
|
|
border: 1px solid $sidePanelBorderColor;
|
|
overflow-y: auto;
|
|
height: 90vh;
|
|
}
|
|
|
|
// This will control the height of the map when the device
|
|
// width is less than desktop (1024px)
|
|
.j40Map {
|
|
@include at-media-max("desktop") {
|
|
height: 55vh;
|
|
}
|
|
} |