loleaflet/css/device-tablet.css | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+)
New commits: commit 9af79322133b7645b58887d4332937faf1930017 Author: Jan Holesovsky <[email protected]> AuthorDate: Fri Apr 3 16:09:42 2020 +0200 Commit: Jan Holesovsky <[email protected]> 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 <[email protected]> Reviewed-by: Jan Holesovsky <[email protected]> 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); +} _______________________________________________ Libreoffice-commits mailing list [email protected] https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits
