mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-08-13 02:14:19 -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
34 lines
487 B
SCSS
34 lines
487 B
SCSS
.mapIntroContainer {
|
|
padding: 20px 20px;
|
|
}
|
|
|
|
.mapIntroHeader {
|
|
font-size: xx-large;
|
|
line-height: 1.9rem;
|
|
padding-top: 0.8rem;
|
|
padding-left: 0.3rem;
|
|
}
|
|
.mapIntroText {
|
|
display: flex;
|
|
margin-top: 2.4rem;
|
|
}
|
|
|
|
.mapIntroLightbulb {
|
|
flex: 1 0 10%;
|
|
align-self: flex-start;
|
|
}
|
|
|
|
.didYouKnowBox {
|
|
padding-left: 0.4rem;
|
|
padding-top: 0.2rem;
|
|
font-size: large;
|
|
}
|
|
|
|
.didYouKnow {
|
|
font-weight: 600;
|
|
}
|
|
.didYouKnowText {
|
|
width: 95%;
|
|
padding-top: 0.3rem;
|
|
line-height: 1.5rem;
|
|
}
|