Skip to content
Snippets Groups Projects
Commit 5a0410fb authored by Patrick Barroca's avatar Patrick Barroca :grin:
Browse files

Merge branch 'hotline#56640_responsive_toggle_menu' into 'stable'

hotline #56640 fix vertical menu with toggle menu enabled in responsive

See merge request !2051
parents 98ace98f e3f23fda
Branches
Tags
3 merge requests!2080Sandbox detach zf from storm,!2061Master,!2051hotline #56640 fix vertical menu with toggle menu enabled in responsive
Pipeline #588 passed with stage
in 21 minutes and 38 seconds
- ticket #56640 : Responsive : amélioration du comportement du menu vertical avec interrupteur à bascule.
\ No newline at end of file
@media screen and (min-device-width: 1024px) {
.boite.toggle_menu .menu_wrapper {
background: white;
border-bottom: 3px solid white;
left: 0;
max-height: 0;
overflow: hidden;
position: absolute;
text-align: center;
transition-duration: .5s;
transition-property: all;
width: 100%;
z-index: 101;
}
.boite.toggle_menu .menu_wrapper {
background: white;
border-bottom: 3px solid white;
left: 0;
max-height: 0;
overflow: hidden;
position: absolute;
text-align: center;
transition-duration: .5s;
transition-property: all;
width: 100%;
z-index: 101;
}
.boite.toggle_menu.show_menu .menu_wrapper {
max-height: 600px;
}
.boite.toggle_menu.show_menu .menu_wrapper {
max-height: 600px;
}
.boite.toggle_menu .menu_wrapper > ul {
display: inline-block;
}
.boite.toggle_menu .menu_wrapper > ul {
display: inline-block;
}
.boite.toggle_menu .menu_wrapper > ul > li {
color: black;
display: inline;
float: left;
font-size: 1.2em;
height: auto;
margin: 0.5em;
padding: 0.5em;
}
.boite.toggle_menu .menu_wrapper > ul > li {
color: black;
display: inline;
float: left;
font-size: 1.2em;
height: auto;
margin: 0.5em;
padding: 0.5em;
}
.boite.toggle_menu .titre h1:before {
background: url(../images/buttons/menu.png) no-repeat center 100%/100%;
content: ' ';
display: inline-block;
height: 1.5em;
margin-right: 0.2em;
width: 1.5em;
}
.boite.toggle_menu .titre h1:before {
background: url(../images/buttons/menu.png) no-repeat center 100%/100%;
content: ' ';
display: inline-block;
height: 1.5em;
margin-right: 0.2em;
width: 1.5em;
}
.boite.toggle_menu.show_menu .titre h1:before {
background-image: url(../images/buttons/close_menu.png);
}
.boite.toggle_menu.show_menu .titre h1:before {
background-image: url(../images/buttons/close_menu.png);
}
div#header {
height: auto;
overflow: visible;
}
div#header {
height: auto;
overflow: visible;
}
div#header > .boite {
display: inline-block;
}
}
\ No newline at end of file
div#header > .boite {
display: inline-block;
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment