[Libreoffice-commits] online.git: loleaflet/css

[Libreoffice Gerrit user]

 loleaflet/css/loleaflet.css |    2 -
 loleaflet/css/menubar.css   |   64 ++++++++++++++++++++++++--------------------
 2 files changed, 37 insertions(+), 29 deletions(-)

New commits:
commit bc60fc9273a5781cf7473748a06506aa9f3dba9f
Author:     Henry Castro <hcastro at collabora.com>
AuthorDate: Tue Sep 11 09:03:57 2018 -0400
Commit:     Tor Lillqvist <tml at collabora.com>
CommitDate: Mon Nov 19 11:36:26 2018 +0200

    loleaflet: mobile: hide menubar
    
    Change-Id: I7724f0c43dfabb56424daeee5972675878b86c5e

diff --git a/loleaflet/css/loleaflet.css b/loleaflet/css/loleaflet.css
index 0920701cc..43c58e0fc 100644
--- a/loleaflet/css/loleaflet.css
+++ b/loleaflet/css/loleaflet.css
@@ -74,7 +74,7 @@ body {
 }
 
 #toolbar-logo {
-    width: 125px;
+    width: 0;
 }
 
 #toolbar-hamburger {
diff --git a/loleaflet/css/menubar.css b/loleaflet/css/menubar.css
index 79462d356..34cf157ef 100644
--- a/loleaflet/css/menubar.css
+++ b/loleaflet/css/menubar.css
@@ -1,5 +1,5 @@
 #main-menu {
-    top: 39px;
+    top: 0;
     height: 25px;
     padding-left: 125px;
     z-index: 1000;
@@ -8,13 +8,15 @@
 }
 
 #main-menu.readonly {
-    top: 30px;
+    top: 0;
 }
 
 .main-nav {
     height: 30px; /* on mouseover menubar items, border emerges */
-    width: auto;
     background: #efefef;
+    position: static;
+    margin-left: 10px;
+    width: auto;
 }
 
 /* Customizations to sm-simple theme to make it look like LO menu, lo-menu class */
@@ -119,9 +121,12 @@
 /* Mobile menu toggle button */
 
 .main-menu-btn {
+    z-index: 2000;
+    float: right;
+    top: 5px;
     margin: 2px 10px;
     position: relative;
-    display: inline-block;
+    display: none;
     width: 21px;
     height: 21px;
     text-indent: 21px;
@@ -173,50 +178,53 @@
 }
 
 
-/* hide the menu in mobile view */
-
+/* always show the menu in desktop view */
 #main-menu-state:not(:checked) ~ #main-menu {
-    display: none;
+    display: block;
 }
 
 #main-menu-state:checked ~ #main-menu {
     display: block;
 }
 
-/* desktop mode */
- at media (min-width: 769px) {
-    /* hide the button in desktop view */
-    .main-menu-btn {
-	position: absolute;
-	top: -99999px;
+.readonly {
+    top: 3px;
+}
+
+ at media (max-width: 767px) {
+    #document-logo {
+        display: none;
+    }
+
+    #document-titlebar {
+        display: none;
     }
-    /* always show the menu in desktop view */
+
+    /* hide the menu in mobile view */
     #main-menu-state:not(:checked) ~ #main-menu {
-	display: block;
+        display: none;
     }
-    #main-menu {
-	top: 0 !important;
+
+    .main-menu-btn {
+        display: inline-block;
     }
+
     .main-nav {
-	position: static;
-	width: auto;
-    }
-    /*
-     * In desktop mode, we already have the close button from the toolbar
-     */
-    #menu-closedocument {
-	display: none;
+        position: absolute;
+        width: 100%;
+        margin: 0;
     }
 
-    .readonly {
-	top: 3px;
+    #main-menu {
+	top: 39px;
+	bottom: 0;
     }
 }
 
 @media (max-device-height: 768px) {
     .main-menu-btn {
 	position: relative;
-	top: 5px;
+	top: 0px;
     }
 
     #main-menu-state:not(:checked) ~ #main-menu {