Merge pull request #7696 from nextcloud/fix-appmenu-height
Fix small issues with the app menu
This commit is contained in:
commit
08dbcd238d
|
@ -440,7 +440,6 @@ nav {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: auto;
|
width: auto;
|
||||||
clear: both;
|
clear: both;
|
||||||
height: 44px;
|
|
||||||
|
|
||||||
li {
|
li {
|
||||||
float: left;
|
float: left;
|
||||||
|
@ -495,10 +494,11 @@ nav {
|
||||||
color: rgba($color-main-text, .7);
|
color: rgba($color-main-text, .7);
|
||||||
width: auto;
|
width: auto;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
top: 45px;
|
top: 100%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
padding: 4px 10px;
|
padding: 4px 10px;
|
||||||
filter: drop-shadow(0 1px 10px $color-box-shadow);
|
filter: drop-shadow(0 1px 10px $color-box-shadow);
|
||||||
|
z-index: 100;
|
||||||
}
|
}
|
||||||
|
|
||||||
li:hover span {
|
li:hover span {
|
||||||
|
@ -519,7 +519,6 @@ nav {
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
left: 50%;
|
left: 50%;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
z-index: 100;
|
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
li a.active:before,
|
li a.active:before,
|
||||||
|
@ -527,6 +526,13 @@ nav {
|
||||||
li:hover a.active:before {
|
li:hover a.active:before {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
li a.active:before {
|
||||||
|
z-index: 99;
|
||||||
|
}
|
||||||
|
li:hover a:before,
|
||||||
|
li a.active:hover:before {
|
||||||
|
z-index: 101;
|
||||||
|
}
|
||||||
&.menu-open li:hover a:before,
|
&.menu-open li:hover a:before,
|
||||||
&.menu-open li a.active:before,
|
&.menu-open li a.active:before,
|
||||||
&.menu-open li:hover span {
|
&.menu-open li:hover span {
|
||||||
|
|
Loading…
Reference in New Issue