Top Bar Items Covering Tabbed Buttons

Get Help
1

What is the problem?

If the width of the browser is too narrow, the top bar items gets bumped down and cover the tabbed buttons. The browser needs to be really wide for this not to happen.

2021-08-19 09_53_21-27% 12_28 (printing) — Mozilla Firefox
2021-08-19 09_53_21-27% 12_28 (printing) — Mozilla Firefox1324×160 31.5 KB

What did you already try to solve it?

I've looked through the settings for a solution. Turn info items on/off. I have UI Customizer installed, and it lets me reorder the buttons, but not edit/show/hide them.

Have you tried running in safe mode?

No

Did running in safe mode solve the problem?

N/A

Systeminfo Bundle

octoprint-systeminfo-20210819100243.zip (377.9 KB)

WRITE HERE

Additional information about your setup

OctoPrint version, OctoPi version, printer, firmware, browser, operating system, ... as much data as possible

OctoPrint 1.6.1, Octopi 0.18.0, Ender 3 v2, Jyers Firmware, Firefox, Windows 10

2

In re-reading, I realized I didn't really ask a specific question. So, here goes. How to I change the top bar so this doesn't happen (see screenshot)? Either by removing items, changing the length of items, or not wrapping the top bar? The tabbed icons are not clickable when the top bar wraps down.

3

Figured this out myself. The top bar is being modified from the DispayLayerProgress plugin, and the HTML can be edited in the plugin settings.

3 Likes