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

[Pedro (via logerrit)]

 loleaflet/css/menubar.css |   60 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)

New commits:
commit 3367dbf7ff06df8493a9fdfbb029e257a88a7e90
Author:     Pedro <pedro.silva at collabora.com>
AuthorDate: Wed Oct 2 20:09:28 2019 +0200
Commit:     Szymon Kłos <szymon.klos at collabora.com>
CommitDate: Thu Oct 3 10:25:11 2019 +0200

    improve legibility when on mobile
    
    Change-Id: Icc56b050e28293a3da5312daba38cffba1a069ea
    Reviewed-on: https://gerrit.libreoffice.org/80080
    Reviewed-by: Szymon Kłos <szymon.klos at collabora.com>
    Tested-by: Szymon Kłos <szymon.klos at collabora.com>

diff --git a/loleaflet/css/menubar.css b/loleaflet/css/menubar.css
index 099210f9c..289ec9bc0 100644
--- a/loleaflet/css/menubar.css
+++ b/loleaflet/css/menubar.css
@@ -1,3 +1,63 @@
+ at media (max-width: 767px), (max-device-height: 767px) {
+    .w2ui-icon.closemobile {
+    width: 59px !important;
+        /*68px - 9px from parent*/
+    background-position-x: 16px !important;
+    background-position-y: center;
+    }
+    .logo {
+	background-size: 100px;
+	max-width: 24px;
+	max-height: 31px;
+	top: 0;
+    }
+
+    #toolbar-logo {
+        width: 0px !important;
+    }
+    #main-menu{
+        width: 98%;
+    }
+    #main-menu > li{
+      min-height: 56px;
+      border: none;
+    }
+    #main-menu > li > a{
+        font-size: 18px !important;
+        border: none;
+    }
+    .lo-menu ul{
+        border: none;
+        background-color: #f7f7f7;
+    }
+    .lo-menu ul > li{
+        height: auto;
+
+    }
+    .lo-menu ul > li > ul > li > a{
+        height: 56px;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+    }
+
+    .lo-menu ul >li > .separator{
+        display: none;
+    }
+    .lo-menu ul > li > a{
+        width: 100%;
+        height: 56px;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        font-size: 14px;
+        font-weight: bold;
+        color: #404040;
+    }
+
+
+}
+
 #main-menu {
     top: 0;
     height: 25px;