mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-08-10 00: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
20 lines
321 B
SCSS
20 lines
321 B
SCSS
@use '../styles/design-system.scss' as *;
|
|
|
|
.territoryFocusContainer {
|
|
// styles for mobile-lg (480px) and greater widths
|
|
@include at-media('mobile-lg') {
|
|
position: absolute;
|
|
left: .75em;
|
|
top: units(card-lg);
|
|
z-index: 10;
|
|
}
|
|
|
|
position: absolute;
|
|
left: .75em;
|
|
top: units(9);
|
|
z-index: 10;
|
|
|
|
}
|
|
|
|
|
|
|