ASA: Sidebar Topographic Responsive Layout

bcgov / wps

Wildfire Predictive Services to support decision making in prevention, preparedness, response and recovery

Apache License 2.0

41 stars 9 forks source link

ASA: Sidebar Topographic Responsive Layout #3914

Closed rajpersram closed 2 weeks ago

rajpersram commented 2 months ago

Moving towards a responsive design, whether it's as a website or app, the Topographic position box needs a new graphic to allow the box to show very narrow vs its full width. Labels and arrows would be black to increase contrast and accessibility.

Text labels and graphics to be black and bold.

rajpersram commented 2 months ago

Mountain SVG attached. Opacity should be 25%.

rajpersram commented 2 months ago

Figma mockup 13 here.

rajpersram commented 1 month ago

Update title to mention what the panel shows more so than the Centre. Metrics?

rajpersram commented 1 month ago

Use a 2px white text shadow for the percentages of the 'Proportion of Advisory Area' bar-charts.

rajpersram commented 2 weeks ago

Attaching two remade mountain graphics as png and svg without layering. Both are already opacity adjusted but let me know if you need any other format.