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.si...@collabora.com> AuthorDate: Wed Oct 23 13:29:11 2019 +0200 Commit: Szymon Kłos <szymon.k...@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.k...@collabora.com> Tested-by: Szymon Kłos <szymon.k...@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> _______________________________________________ Libreoffice-commits mailing list libreoffice-comm...@lists.freedesktop.org https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits