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

[Pedro Pinto Silva (via logerrit)]

 loleaflet/css/loleaflet.css      |    4 ++--
 loleaflet/css/menubar.css        |    2 +-
 loleaflet/css/mobilewizard.css   |    2 +-
 loleaflet/css/toolbar-mobile.css |    4 ++++
 4 files changed, 8 insertions(+), 4 deletions(-)

New commits:
commit 82558288198e87e0c6f7fe41c6a3fa470ab82f97
Author:     Pedro Pinto Silva <pedro.silva at collabora.com>
AuthorDate: Tue Mar 10 12:55:47 2020 +0100
Commit:     Pedro Pinto da Silva <pedro.silva at collabora.com>
CommitDate: Thu Mar 12 13:31:54 2020 +0100

    Mobile: Fix header-left alignments on mobilewizard and fix document container vertical(readonly and edit mode) position
    
    to respect the height of toolbar-up as well as the main-nav element; Set 0 vertical paddings for the toolbar-up.
    
    Change-Id: I4951b47a5c8b4fb34285c45b2ef9765245068b4a
    Reviewed-on: https://gerrit.libreoffice.org/c/online/+/90253
    Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice at gmail.com>
    Tested-by: Pedro Pinto da Silva <pedro.silva at collabora.com>
    Reviewed-by: Pedro Pinto da Silva <pedro.silva at collabora.com>

diff --git a/loleaflet/css/loleaflet.css b/loleaflet/css/loleaflet.css
index 1deeb8ad2..1691794d1 100644
--- a/loleaflet/css/loleaflet.css
+++ b/loleaflet/css/loleaflet.css
@@ -244,7 +244,7 @@ body {
 	}
 
 	#document-container.readonly {
-		top: 41px;
+		top: 37px; /*set equal to toolbar up's height*/
 		bottom: 0px;
 	}
 
@@ -268,7 +268,7 @@ body {
 	}
 
 	#document-container {
-		top: 41px;
+		top: 37px; /*set equal to toolbar up's height*/
 		right: 0px !important;
 		bottom: 35px;
 	}
diff --git a/loleaflet/css/menubar.css b/loleaflet/css/menubar.css
index 6233eccad..f25fb9cb9 100644
--- a/loleaflet/css/menubar.css
+++ b/loleaflet/css/menubar.css
@@ -283,7 +283,7 @@
         position: absolute;
         height: 0;
         width: 100%;
-        top: 41px;
+        top: 37px; /*set equal to toolbar up's height*/
         margin: 0;
         -webkit-overflow-scrolling: touch;
         overflow: scroll;
diff --git a/loleaflet/css/mobilewizard.css b/loleaflet/css/mobilewizard.css
index 452e351b5..00a109811 100644
--- a/loleaflet/css/mobilewizard.css
+++ b/loleaflet/css/mobilewizard.css
@@ -412,7 +412,7 @@
 		margin-right: 4%;
 	}
 	.ui-header-left {
-		margin-left: 2%;
+		margin-left: 4%;
 		min-width: 42% !important;
 	}
 	.ui-header.level-1.mobile-wizard.ui-widget .ui-header-left span.menu-entry-with-icon {
diff --git a/loleaflet/css/toolbar-mobile.css b/loleaflet/css/toolbar-mobile.css
index 28c35c0ea..a5bbbafcd 100644
--- a/loleaflet/css/toolbar-mobile.css
+++ b/loleaflet/css/toolbar-mobile.css
@@ -20,6 +20,10 @@
 		height: 100%;
 		overflow-y: scroll;
 	}
+	#toolbar-up.w2ui-toolbar{
+		padding-top: 0px;
+		padding-bottom: 0px;
+	}
 	#formulabar {
 		padding: 0px !important;
 		border-top: 1px solid #bbbbbb !important;