search

ccusa / Disaster_Vulnerability_Map

DataKind DC volunteer project building a vulnerability and disaster risk map for Catholic Charities USA.
https://ccusa.github.io/Disaster_Vulnerability_Map
BSD 3-Clause "New" or "Revised" License
32 stars 17 forks source link

Better Responsiveness #51

Open rmcarder opened 7 years ago

rmcarder commented 7 years ago

Full sidebar should show on load on any sized screen.

Browser zoom?

mrkem598 commented 7 years ago

I will be working on the responsiveness!

rmcarder commented 7 years ago

Great, thanks!

On Wed, Jul 19, 2017 at 7:52 PM, Moh notifications@github.com wrote:

I will be working on the responsiveness!

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/ccusa/Disaster_Vulnerability_Map/issues/51#issuecomment-316554614, or mute the thread https://github.com/notifications/unsubscribe-auth/AKBZdVynttNZKJQfOCjL47GttppPoy_gks5sPpaqgaJpZM4N6DPy .

mrkem598 commented 7 years ago

I made some change on responsiveness and can you review the code and merge to the master!

rmcarder commented 7 years ago

@mrkem598 Have an issue now where at certain smaller screen sizes, the menu links disappear (on all pages) and the navbar turns black (on about and data pages only).

image

mrkem598 commented 7 years ago

I will work on it by tomorrow

mrkem598 commented 7 years ago

@rmcarder, I have added toggle navigation and modified HTML & CSS to improve the user experience both in larger and smaller screen device. See before and after:

Before: the menu bar will disappear starting at 768px width before

After: the menu bar will toggle if screen size gets small(<768px). So that we can click the button and get the menu pop up to select the preference.

after-change