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

[Pedro (via logerrit)]

 loleaflet/css/toolbar.css |   34 +++++++++++++++++++++++++---------
 1 file changed, 25 insertions(+), 9 deletions(-)

New commits:
commit e26ad84485a5c585de0e86e7220938db6409da5c
Author:     Pedro <pedro.silva at collabora.com>
AuthorDate: Thu Oct 3 09:04:00 2019 +0200
Commit:     Szymon Kłos <szymon.klos at collabora.com>
CommitDate: Thu Oct 3 10:27:36 2019 +0200

    Remove formulabar's border
    
    Change-Id: If184aca170b10d1ed75e6754d73e9c10b1ede387
    Reviewed-on: https://gerrit.libreoffice.org/80093
    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/toolbar.css b/loleaflet/css/toolbar.css
index 0747e86a6..61e914289 100644
--- a/loleaflet/css/toolbar.css
+++ b/loleaflet/css/toolbar.css
@@ -1,4 +1,9 @@
-#toolbar-up.w2ui-toolbar {
+ at media (max-width: 767px), (max-device-height: 767px) {
+  #formulabar {
+    border-top: none !important;
+  }
+}
+  #toolbar-up.w2ui-toolbar {
     left: 0;
     right: 0;
     padding-left: 9px;
@@ -742,8 +747,9 @@ tr.useritem > td > img {
 #mobile-wizard-back {
     background-image: url('images/lc_closedocmobile.svg');
     background-repeat: no-repeat;
-    background-position: center;
-    width: 20px;
+    width: 68px;
+    background-position-x: 16px;
+    background-position-y: center;
     height: 20px;
 }
 
@@ -754,19 +760,21 @@ tr.useritem > td > img {
     bottom: 37px;
     z-index: 1000;
     background-color: white;
+    box-shadow: 0px -2px 6px #acacac;
 }
 
 #mobile-wizard-content {
     overflow: scroll;
     position: absolute;
-    top: 30px;
+    top: 56px;
     bottom: 0px;
     width: 100%;
 }
 
 #mobile-wizard-titlebar {
-    background-color: #F6F6F6;
-    height: 30px;
+  background-color: #3768A6;
+  height: 56px;
+  color: white;
 }
 
 .ui-content.mobile-wizard {
@@ -776,9 +784,17 @@ tr.useritem > td > img {
 }
 
 .ui-header.mobile-wizard {
-	height: 20px !important;
+	height: 56px !important;
 	font-size: 11pt !important;
-	margin: 5px;
+	margin: 0px;
 	padding: 5px;
-	border: solid 1px lightgrey;
+	border: solid 1px #fff;
+  padding-left: 74px !important;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.ui-header.mobile-wizard:active {
+    background-color: #eee;
 }