Magento-lts: Admin theme header issues

Created on 17 Sep 2020  路  5Comments  路  Source: OpenMage/magento-lts

Preconditions (*)

  1. OpenMage 19.4.7

Steps to reproduce (*)

  1. Go to the admin
    2a. Have design/head/demonotice set to 1
    2b. Resize your screen

Expected result (*)

  1. Everything looks good
  2. The menu is fully visible

Actual result (*)

  1. Menu is not lined out properly

Screenshot from 2020-09-17 16-39-30

  1. Menu items disappear behind search on smaller screens:

Screenshot from 2020-09-17 16-37-41

or when there are more menu items:

Screenshot from 2020-09-17 17-54-13

There are 2 items behind the search. You can see this when I hide the search:

Screenshot from 2020-09-17 17-54-26

admin bug

Most helpful comment

thats a short win :-) I will add this to the theme - its not perfect but makes it work. Can be done better later on.

All 5 comments

thanks again for this report - the demo notice was completely out of my focus :-) Ive never tried it.

@aterjung I completely understand that you didn't notice the demo notice. It is not a wide used option I guess. And not really a big deal. We use it as an extra reminder on the test environment that our customers are not working on the live environment. But I think it's also a small problem to solve, so that still would be nice.

The overlapping search is a bigger problem. This is something our customers have actually issues with. For now we can use the old theme for those customers however.

The search is indeed more problematic than i have expected it. There are to many extensions that add an new first level extension... The right way would be to move these to the second or level - but its not our choice. I tend to change the behavior of the search element to show only a magnifying glass icon and overlay the search input after a click. I think the search ist not so important.
A Menu-Font with a smaller width could help to - and at least we have to find a way to handle to long menus. Probably with a scroll button?

@aterjung I think the solution could be more easy. The menu is already continuing onto the next line as you can see on my last screenshot. The problem is, it isn't doing that at the right moment. A quick fix in my browser looks like:

Screenshot from 2020-09-21 13-48-14

What I changed is that I added 350px padding to the right of the nav-bar.

thats a short win :-) I will add this to the theme - its not perfect but makes it work. Can be done better later on.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

seansan picture seansan  路  6Comments

leganzaro picture leganzaro  路  3Comments

Flyingmana picture Flyingmana  路  7Comments

sreichel picture sreichel  路  7Comments

astyczen picture astyczen  路  4Comments