[FIX] documentation-user: mobile menu button

It was invisible because the doc’s website use material icons rather
then the ‘fa’ ones. Replaced the icon with the material one and styled
the “pressed” state.
This commit is contained in:
stefanorigano 2016-04-26 14:59:54 +02:00 committed by Martin Trigaux
parent de70a65819
commit 9a478fa07a
3 changed files with 18 additions and 3 deletions

View File

@ -50,9 +50,7 @@
<a class="pull-left o_logo" href="/"></a>
<a href="#" class="o_mobile_menu_toggle visible-xs-block pull-right">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="mdi-navigation-menu"></span>
</a>
<div class="o_header_buttons">
<a href="http://www.odoo.com/trial" class="btn btn-primary">Start Now</a>

View File

@ -11155,6 +11155,13 @@ body > footer .o_footer_bottom .social-links .fa {
display: none;
}
}
.o_main_header .mdi-navigation-menu {
padding: 13px;
}
.o_main_header.o_mobile_menu_opened .mdi-navigation-menu {
background-color: #282f33;
color: #f2f2f2;
}
.o_main_header .o_sub_nav .collapse .nav {
margin-right: 0;
margin-bottom: 0;

View File

@ -22,6 +22,16 @@
// The following rules are specific for the documentation website.
.o_main_header {
.mdi-navigation-menu {
padding: 13px;
}
&.o_mobile_menu_opened .mdi-navigation-menu {
background-color: @footer-bg-color;
color: @gray-lighter;
}
.o_sub_nav {
.collapse .nav {
margin-right: 0;