search

GLYCAM-Web / website

A bare-bones repo to contain public website stuff and issues related to the GLYCAM Web Django apps.
4 stars 0 forks source link

Webpage dynamic resizing issue #92

Open turdmuncher opened 2 years ago

turdmuncher commented 2 years ago

Tool: Glycam landing page. https://glycam.org/

Bug Description: A general feature of the website is to dynamically rearranges/compresses text and pics when the screen is resized. I noticed today that this only goes so far and I’m not sure if it is expected/intended. For reference, I’m using Chrome (Version 101.0.4951.64 (Official Build) (x86_64)) on my MacBook Pro (OS Monterey, Version 12.3.1) and viewing this on a 34" ultrawide 21:9 ratio monitor with a 3440 x 1440 resolution. For comparison, The first screenshot is sized for half my screen, which is normal for how I use this monitor (with 2 windows open side-by-side). The third shot takes up about 1/3 of my screen’s real estate.

To Reproduce: May be a quality of the monitor's aspect ratio, which would be hard to test on other non-ultrawides. Perhaps changing display resolution/aspect ratio would do it.

Expected behavior A clear and concise description of what you expected to happen.

Screenshots

image (1) image (2) image (3)

Device & OS Details For reference, I’m using Chrome (Version 101.0.4951.64 (Official Build) (x86_64)) on my MacBook Pro (OS Monterey, Version 12.3.1) and viewing this on a 34" ultrawide 21:9 ratio monitor with a 3440 x 1440 resolution.

Additional context Add any other context about the problem here.

Lachele commented 2 years ago

Thanks for the data. We do try to accommodate as many geometries as possible and appreciate knowing where we can improve.

gitoliver commented 2 months ago

See here: https://jam.dev/c/ef7d4d93-499b-461a-97a2-3225445fafca When you go small enough the left toolbar disappears and you can't access it from anywhere.

danwentworthart commented 2 months ago

Sidebar disappears on purpose. In the Hamburger button, under "Tools" you will find the same list of links. This is standard responsive behavior, but let me know if you want different behavior.

The home page layout has been redesigned. Sidebar behavior is still the same, but the responsiveness is improved. Will likely improve again after more testing.