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

[Pedro (via logerrit)]

 loleaflet/css/toolbar.css                |   21 +++++++++++++++------
 loleaflet/images/lc_scrollbar_mobile.svg |    1 +
 2 files changed, 16 insertions(+), 6 deletions(-)

New commits:
commit dfc2eebe54d082c86735bcfc8c6316b3a66f2193
Author:     Pedro <pedro.silva at collabora.com>
AuthorDate: Wed Oct 23 13:29:11 2019 +0200
Commit:     Szymon Kłos <szymon.klos at collabora.com>
CommitDate: Thu Oct 24 12:56:18 2019 +0200

    Add mobile-ready vertical scroll and disable horizontal scroll
    
    Change-Id: I7504b9c9fbba19a5bfe79f137df79df1f9e9431a
    Reviewed-on: https://gerrit.libreoffice.org/81378
    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 517f826f1..3c5bc8436 100644
--- a/loleaflet/css/toolbar.css
+++ b/loleaflet/css/toolbar.css
@@ -21,13 +21,22 @@
 		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 6px 0 rgba(0, 0, 0, 0.19) !important;
 		border: none !important;
 	}
-	.mCSB_draggerRail {
-    background-color: #f9f9f9 !important;
+	.mCSB_scrollTools_vertical{
+		width: 38px !important;
 	}
-	.mCSB_dragger_bar {
-    margin-top: 8px !important;
-    height: 2px !important;
-    background-color: #69b1e0 !important;
+	.mCSB_scrollTools_vertical .mCSB_dragger_bar {
+		position: fixed !important;
+		margin-top: 8px !important;
+		height: 48px !important;
+		width: 48px !important;
+		right: -16px;
+		border-radius: 100px !important;
+		background: url('images/lc_scrollbar_mobile.svg') no-repeat center #fff !important;
+		background-size: 24px !important;
+		box-shadow: 0 1px 3px 1px #00000050;
+	}
+	#mCSB_2_dragger_horizontal, #mCSB_1_dragger_horizontal {
+		display: none !important;
 	}
 	#slide-sorter .preview-img{
 		    border-radius: 3px;
diff --git a/loleaflet/images/lc_scrollbar_mobile.svg b/loleaflet/images/lc_scrollbar_mobile.svg
new file mode 100644
index 000000000..182f916a1
--- /dev/null
+++ b/loleaflet/images/lc_scrollbar_mobile.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m6 3v8h12v-8zm0 10v8h12v-8z" fill="#fff"/><g fill="#808080"><path d="m8 15 4 5 4-5z" fill-rule="evenodd"/><path d="m8 9 4-5 4 5z" fill-rule="evenodd"/></g></svg>