[FIX] documentation-user: mobile menu button

stefanorigano · mart-e · commit 9a478fa07a5f · 2016-04-26T15:02:30.000+02:00
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.
diff --git a/_extensions/odoo/layout.html b/_extensions/odoo/layout.html
@@ -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>
diff --git a/_extensions/odoo/static/style.css b/_extensions/odoo/static/style.css
@@ -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;
diff --git a/_extensions/odoo/static/style.less b/_extensions/odoo/static/style.less
@@ -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;

Original file line number	Diff line number	Diff line change
`@@ -11155,6 +11155,13 @@ body > footer .o_footer_bottom .social-links .fa {`
`11155`	`11155`	`display: none;`
`11156`	`11156`	`}`
`11157`	`11157`	`}`
	`11158`	`+.o_main_header .mdi-navigation-menu {`
	`11159`	`+ padding: 13px;`
	`11160`	`+}`
	`11161`	`+.o_main_header.o_mobile_menu_opened .mdi-navigation-menu {`
	`11162`	`+ background-color: #282f33;`
	`11163`	`+ color: #f2f2f2;`
	`11164`	`+}`
`11158`	`11165`	`.o_main_header .o_sub_nav .collapse .nav {`
`11159`	`11166`	`margin-right: 0;`
`11160`	`11167`	`margin-bottom: 0;`