teachingtechYT / teachingtechYT.github.io

Creative Commons Attribution Share Alike 4.0 International
340 stars 125 forks source link

UI Issue: When you resize page scale you cannot read site #373

Closed mrkeuz closed 2 years ago

mrkeuz commented 2 years ago

Found couple issues.

  1. If you resize scale in browser - top menu resized as well. And as well as top menu is "fixed" position you cannot read content (see screenshot in attach). I've tested, when you change CSS for top menu from "fixed" to "absolute" problem solved. Menu will be scrolling to top of course.

  2. Also, after resize button "Top" interferes with reading content, so it would be good to make it more small during resize.

BTW, Cool site, colossal thank for such project! Wish it will be enhanced with big progress! 🚀

teachingtechyt_resize

teachingtechyt_resize2

teachingtechYT commented 2 years ago

Thanks for posting and suggesting a fix. I'll play with this early next week.

teachingtechYT commented 2 years ago

I've just played with this. When I zoom the interface it looks like your screenshot. Is the problem that it takes up the whole to the point that no matter how much scrolling the top menu still blocks the content? I'm not sure if anyone actually needs to magnify the site this much and I prefer to fix the menu at the top but I've made the change just in case vision impaired users can benefit.

mrkeuz commented 2 years ago

Thank you very much! No, of course I'm not magnify so much. This imo is more likely not about people with vision problems, it is more about responsive design and beautiful display of information. Yes, you are right, maybe this is a rare case, like mine, but I like to twist the scale for readability. And the default font size does not always suit me. But in old version even with 125/150 scale top menu stacked down and cover half-screen and was visible during scrooling. It looked a little unattractive. So I decide to help a little and improve the current state. In any case now it looks good. Thank for your concern!

Sincerely! 🚀