hide mail list scrollbar in webkit and fix padding issues between iOS and desktop

2014-09-19 16:55:28 +02:00 · 2014-09-19 16:55:28 +02:00 · 4ea983dcfb
parent d31c8a69e6
commit 4ea983dcfb
1 changed files with 6 additions and 1 deletions
--- a/src/sass/views/_mail-list.scss
+++ b/src/sass/views/_mail-list.scss
@ -83,12 +83,17 @@

    .list-wrapper {
        flex-grow: 1;
-        padding: 0 ($padding-horizontal - $scrollbar-width) 0 $padding-horizontal;
+        padding: 0 $padding-horizontal;
        overflow-y: scroll;
        // allow scrolling on iOS
        -webkit-overflow-scrolling: touch;
        // put layer on GPU
        transform: translatez(0);
+
+        // hide scrollbar in webkit
+        &::-webkit-scrollbar {
+            display: none;
+        }
    }

    footer {