teachingtechYT/teachingtechYT.github.io

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

Opened this issue · 0 comments

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:

  • "Extruder E-steps Calibration" moves from between "PID Autotune" and "First Layer" to between "Baseline Print" and "Slicer Flow Calibration"
  • "Temperature Tuning" and "Retraction Tuning" swap places
  • "Speed & Max Flow Tuning" moves from between "Retraction Tuning" and "Acceleration Tuning" to the end of the list

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