search

goinvo / DigitalHealthServiceComponents

Apache License 2.0
4 stars 0 forks source link

Desktop Width Mode #6

Closed poofytoo closed 2 years ago

poofytoo commented 2 years ago

image 1600 width required for desktop "mode" to kick in.

Originally posted by @jsonin in https://github.com/goinvo/DigitalHealthServiceComponents/issues/5#issuecomment-1018843540

poofytoo commented 2 years ago

Sorry, just opening a new issue for this. For clarification, did you want it to KICK in at 1600 width, instead of what it is now? (which is something like 1300px I think)

jsonin commented 2 years ago

Sry, I'll be more clear.

On Chrome, the "desktop" view is instigated at 1,600 pixels. On Safari, it's 1,300.

There seems to be a 300 pixel gutter on the right side, pushing the required width to be 1,600. And there is also a gutter/padding on Safari. Can we nuke it so even at 1k is opens up? image

jsonin commented 2 years ago

Whoa, this is cool... a wiggle waggle (cool that the line is attached to the object, hence the dotted line following the layer) when scrolling down, after a layer description window has been instigated.

No fix needed, just seeing it. image

poofytoo commented 2 years ago

Page is significantly more responsive, and only converts to mobile at under 960px

https://user-images.githubusercontent.com/276204/153973810-8f4dd863-681b-43b3-89c1-0e03e18a4ecf.mp4