Fix opening the menu in a Share page

".popovermenu" elements are visible or not depending on whether they
also have the "open" CSS class or not. "#header .menu" elements were
always hidden, so when both rules applied to the same element, like in
the menu of a Share page, the element was always hidden due to
"#header .menu" being more specific than ".popovermenu" and thus
overriding its rules. Now, "#header .menu" elements are hidden only if
they are not a ".popovermenu" too.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
This commit is contained in:
Daniel Calviño Sánchez 2017-12-19 06:58:58 +01:00
parent 2ec181e084
commit 48b62a0eee
1 changed files with 4 additions and 1 deletions

View File

@ -78,11 +78,14 @@
background-color: $color-main-background; background-color: $color-main-background;
filter: drop-shadow(0 1px 3px $color-box-shadow); filter: drop-shadow(0 1px 3px $color-box-shadow);
border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;
display: none;
box-sizing: border-box; box-sizing: border-box;
z-index: 2000; z-index: 2000;
position: absolute; position: absolute;
&:not(.popovermenu) {
display: none;
}
/* Dropdown arrow */ /* Dropdown arrow */
&:after { &:after {
border: 10px solid transparent; border: 10px solid transparent;