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

[Jan Holesovsky (via logerrit)]

 loleaflet/css/device-tablet.css |   26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

New commits:
commit 9af79322133b7645b58887d4332937faf1930017
Author:     Jan Holesovsky <kendy at collabora.com>
AuthorDate: Fri Apr 3 16:09:42 2020 +0200
Commit:     Jan Holesovsky <kendy at collabora.com>
CommitDate: Mon Apr 6 12:06:29 2020 +0200

    tablet: Make the upper toolbar scrollable with swiping as on phones.
    
    Change-Id: I2118900f0f37fe6714691d1a9c054898cdac8a95
    Reviewed-on: https://gerrit.libreoffice.org/c/online/+/91647
    Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice at gmail.com>
    Reviewed-by: Jan Holesovsky <kendy at collabora.com>

diff --git a/loleaflet/css/device-tablet.css b/loleaflet/css/device-tablet.css
index 7fcc0fd36..edce0c297 100644
--- a/loleaflet/css/device-tablet.css
+++ b/loleaflet/css/device-tablet.css
@@ -4,3 +4,29 @@
 .w2ui-tag .w2ui-tag-top {
 	display:none !important;
 }
+
+/* Make the upper toolbar scrollable using swipe as on phones. */
+#toolbar-up > .w2ui-scroll-wrapper {
+	overflow-x: scroll !important;
+	scrollbar-width: none; /*css draft (firefox only)*/
+	-ms-scrollbar: none; /*ie*/
+}
+#toolbar-up > .w2ui-scroll-wrapper::-webkit-scrollbar { /*webkit only*/
+	display: none;
+}
+#toolbar-up .w2ui-scroll-left, #toolbar-up .w2ui-scroll-right{
+	background: none;
+	height: 100%;
+	width: 0px;
+	top: 0%;
+	box-shadow: 8px 0 13px 2px #0b87e7, -6px 0px 6px 6px #007cdc;
+	border-radius: 0px;
+}
+#toolbar-up .w2ui-scroll-right{
+	right: 0;
+	-webkit-transform: rotate(180deg);
+	-moz-transform: rotate(180deg);
+	-ms-transform: rotate(180deg);
+	-o-transform: rotate(180deg);
+	transform: rotate(180deg);
+}