Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

App menu dropdown wrongly positioned #10812

Closed
raimund-schluessler opened this issue Aug 22, 2018 · 2 comments
Closed

App menu dropdown wrongly positioned #10812

raimund-schluessler opened this issue Aug 22, 2018 · 2 comments
Labels
bug design Design, UI, UX, etc. papercut Annoying recurring issue with possibly simple fix.

Comments

@raimund-schluessler
Copy link
Member

Steps to reproduce

  1. Update from 13.0.5 to 14.0 beta 4
  2. Click on the appmenu dropdown button

Expected behaviour

The menu should be positioned directly below the button.

Actual behaviour

The menu is shifted to the left.

grafik

Thoughts and findings on this

The shift is due to the position: absolute; in the following CSS rule from 81c9-5660-server.css.

#header .header-left > nav > .menu, #header .header-right > div > .menu {
    background-color: var(--color-main-background);
    filter: drop-shadow(0 1px 5px var(--color-box-shadow));
    border-radius: 0 0 3px 3px;
    box-sizing: border-box;
    z-index: 2000;
    position: absolute;
    max-width: 350px;
    max-height: 280px;
    right: 5px;
    top: 50px;
    margin: 0;
}

I see this error on latest Firefox and Chrome.

@raimund-schluessler
Copy link
Member Author

Sorry, Dup of #10716.

@nextcloud-bot nextcloud-bot added the papercut Annoying recurring issue with possibly simple fix. label Aug 22, 2018
@nextcloud-bot
Copy link
Member

GitMate.io thinks possibly related issues are #10556 (App menu background to short), #10723 (Fixes more apps menu and settings/user menu positions), #3355 (App name is not shown / positioned correct), #10716 (More apps menu not position in the right place), and #10787 (Fixes the app menu).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug design Design, UI, UX, etc. papercut Annoying recurring issue with possibly simple fix.
Projects
None yet
Development

No branches or pull requests

2 participants