teachingtechYT / teachingtechYT.github.io

Creative Commons Attribution Share Alike 4.0 International
341 stars 126 forks source link

Calibration tab navigation menu order inconsistent - Website calibration tab navigation window displays inconsistent behaviour depending on window width #454

Open JunkBumblebee opened 1 year ago

JunkBumblebee commented 1 year ago

When the site window gets narrow enough to change the navigation menu to vertical mode (presumably mobile device mode?) the order of the navigation menu changes. This behavior happens only in the calibration section, troubleshooting and the upgrade guides do not have the same issue.

Normal Screenshot 2023-03-20 at 11-55-35 Teaching Tech 3D Printer Calibration

Narrow Screenshot 2023-03-20 at 11-55-26 Teaching Tech 3D Printer Calibration

Notice how:

As I said the other 2 tabs do not display this same behavior:

Troubleshooting Normal Screenshot 2023-03-20 at 11-55-00 Teaching Tech 3D Printer Troubleshooting

Troubleshooting Narrow Screenshot 2023-03-20 at 11-55-10 Teaching Tech 3D Printer Troubleshooting

Upgrade Guides Normal Screenshot 2023-03-20 at 12-08-57 Teaching Tech 3D Printer Site

Upgrade Guides Narrow Screenshot 2023-03-20 at 12-09-05 Teaching Tech 3D Printer Site

Navigation menus stays the same between both Normal and Narrow

To Reproduce: Window Width per PowerToys FancyZones settings (behavior can also be reproduced by simply narrowing the window) Normal: 1700px Narrow: 580px

may vary depending on screen scaling, I use a 1440 x 3440 Ultrawide display