mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-07-30 02:01:16 -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
10 lines
375 B
SCSS
10 lines
375 B
SCSS
/*
|
|
This file is meant to hold styles that are shared with other SASS modules.
|
|
You can import this file into other SASS file to re-use styles.
|
|
|
|
Todo Design System: replace colors with tokens. Once these styles become more general the name can be less specific
|
|
*/
|
|
|
|
$sidePanelBorderColor: #f2f2f2;
|
|
$sidePanelBorder: 2px solid $sidePanelBorderColor;
|
|
$mobileBreakpoint: 400px;
|