mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-08-02 04:04:36 -07:00
36f43b2d44* initial map side panel * componentize MapSidePanel * remove selection from J40Map * adds isFeatureSelected to toggle component * filters data from server for client UI * styling and refactor * added TODO * adds styling to intro and pairing feedback * add mobile styling * adds popup back to fs feature flag * adds tests and aria roles * makes mobile content same as desktop * prettier update * initial e2e mapSidePanel test * adds cypress tests on desktop and mobile * adds sass util and updates cypress tests * cleans up tests * reverts tsconfig file * fixes map alignment * renaming and using constants * renaming sidePanel to infoPanel * intl messaging * adds snapshot testing and utility sass file * PR feedback - adds intl messages - adds data-cy attr to cy tests - snapshot testing for unit tests - fixes bug where side panel extends past the map - moves all wrapper content in MapWrapper * logs isMobile to troubleshoot deployed PR * adds react-device-detect for isMobile detection * adds new instance of map for mobile * adds instance * adds isMobile to state * tests the fix for mobile map view on PR * PR review feedback - localize MapIntroduction - update snapshot tests - QA feedback - constants.isMobile points to react-device-detect
37 lines
529 B
SCSS
37 lines
529 B
SCSS
@import "./areaDetailUtils.scss";
|
|
|
|
.mapAndInfoPanelContainer {
|
|
display: flex;
|
|
height: 81vh; //desktop
|
|
|
|
@media screen and (max-width: $mobileBreakpoint) {
|
|
flex-direction: column;
|
|
height: fit-content;
|
|
}
|
|
}
|
|
|
|
.j40Popup {
|
|
width: 375px;
|
|
}
|
|
|
|
.navigationControl {
|
|
left: 1.25em;
|
|
top: 2.5em;
|
|
width: 2.5em;
|
|
}
|
|
|
|
.fullscreenControl {
|
|
right: 1.25em;
|
|
top: 2.5em;
|
|
}
|
|
|
|
.geolocateControl {
|
|
right: 1.25em;
|
|
top: 5em;
|
|
}
|
|
|
|
.mapInfoPanel {
|
|
border: 2px solid $sidePanelBorderColor;
|
|
overflow-y: auto;
|
|
max-width: 22rem;
|
|
}
|