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

[Pedro Pinto Silva (via logerrit)]

 loleaflet/css/toolbar-mobile.css |   11 +++++++++++
 1 file changed, 11 insertions(+)

New commits:
commit 0a994724f5b880f25d5ca4f0dc25f80892255fb0
Author:     Pedro Pinto Silva <pedro.silva at collabora.com>
AuthorDate: Tue Nov 12 11:35:49 2019 +0100
Commit:     Pedro Pinto da Silva <pedro.silva at collabora.com>
CommitDate: Tue Nov 12 11:40:37 2019 +0100

    Mobile: toolbar-down: horizontal scroll
    - hide scroll elements (left, right)
    - make it scrollable
    - hide scrollbar (webkit, firefox, ie)
    - tested on real devices (do not report/test based on desktop responsive mode. it's dubious)
    
    Change-Id: I1dc509b36d4d16c3872561e8301d76ae708a286b
    Reviewed-on: https://gerrit.libreoffice.org/82496
    Reviewed-by: Pedro Pinto da Silva <pedro.silva at collabora.com>
    Tested-by: Pedro Pinto da Silva <pedro.silva at collabora.com>

diff --git a/loleaflet/css/toolbar-mobile.css b/loleaflet/css/toolbar-mobile.css
index b5609e8e4..8bbdb3dd2 100644
--- a/loleaflet/css/toolbar-mobile.css
+++ b/loleaflet/css/toolbar-mobile.css
@@ -20,6 +20,17 @@
 		height: 34px !important;
 		border-top: 1px solid #f1f1f1 !important;
 	}
+	#toolbar-down > .w2ui-scroll-wrapper {
+		overflow-x: scroll !important;
+		scrollbar-width: none; /*css draft (firefox only)*/
+		-ms-scrollbar: none; /*ie*/
+	}
+	#toolbar-down > .w2ui-scroll-wrapper::-webkit-scrollbar { /*webkit only*/
+		display: none;
+}
+	.w2ui-scroll-right,.w2ui-scroll-left{
+		display: none !important;
+	}
 	#addressInput{
 		width: 60px !important;
 		border: 1px solid #bbbbbb;