mirror of
https://github.com/alchemy-fr/Phraseanet.git
synced 2025-10-23 18:03:17 +00:00
PHRAS-2608 #comment Fix custom-link of nav-bar on responsive, hide the Navigation bar if there is no sub menu #time 2h
This commit is contained in:
@@ -63,6 +63,9 @@ $mainMenuBottomBorder: none !default;
|
||||
#mainLogo {
|
||||
margin:0 5px;
|
||||
vertical-align: middle;
|
||||
@media screen and (max-width: 1064px) {
|
||||
max-width: 100px;
|
||||
}
|
||||
}
|
||||
li {
|
||||
display: inline-block;
|
||||
@@ -160,7 +163,6 @@ $mainMenuBottomBorder: none !default;
|
||||
}
|
||||
#nav_menu_container, #nav_customlink_container, #nav_account_container {
|
||||
position: absolute;
|
||||
top: 35px;
|
||||
z-index: 1000;
|
||||
.nav_menu {
|
||||
z-index: 1000;
|
||||
@@ -209,13 +211,13 @@ $mainMenuBottomBorder: none !default;
|
||||
}
|
||||
}
|
||||
#nav_menu_container {
|
||||
left: 10px;
|
||||
left: 0;
|
||||
width: 172px;
|
||||
.nav_menu {
|
||||
top: 9px;
|
||||
}
|
||||
.arrow-up {
|
||||
left: 52px;
|
||||
left: 10px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
}
|
||||
@@ -223,7 +225,7 @@ $mainMenuBottomBorder: none !default;
|
||||
#nav_customlink_container {
|
||||
display: none;
|
||||
position: relative;
|
||||
left: 10px;
|
||||
left: 0;
|
||||
width: auto;
|
||||
.nav-wrapper-box {
|
||||
position: absolute;
|
||||
@@ -235,19 +237,21 @@ $mainMenuBottomBorder: none !default;
|
||||
.nav_menu {
|
||||
position: relative;
|
||||
li.menu-bar-item {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
/* width: 100%;
|
||||
left: 0;*/
|
||||
}
|
||||
li.menu-bar-item a {
|
||||
> span {
|
||||
padding: 0;
|
||||
display: inline-block;
|
||||
max-width: 140px;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.arrow-up {
|
||||
left: 82px;
|
||||
left: 10px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
}
|
||||
@@ -259,12 +263,13 @@ $mainMenuBottomBorder: none !default;
|
||||
width: auto;
|
||||
.nav-wrapper-box {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
right: -4px;
|
||||
background: #d8d8d8;
|
||||
border-radius: 5px;
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
top: 9px;
|
||||
width: 200px;
|
||||
.nav_menu {
|
||||
position: relative;
|
||||
li.menu-bar-item {
|
||||
@@ -275,12 +280,14 @@ $mainMenuBottomBorder: none !default;
|
||||
> span {
|
||||
padding: 0;
|
||||
display: inline-block;
|
||||
max-width: 170px;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.arrow-up {
|
||||
right: 23px;
|
||||
right: 6px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
}
|
||||
|
Reference in New Issue
Block a user