summaryrefslogtreecommitdiffstats
path: root/css
diff options
context:
space:
mode:
authorJohn Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>2019-03-26 17:31:09 +0100
committerJohn Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>2019-03-27 09:02:02 +0100
commit93a774aabcc507820c93e090db04c04841632446 (patch)
treed6fedaa30c4114a4ca0e37efbaad68424ced5bd5 /css
parentd5f20e87116bc7d73024bee6c7fa8b35616a57dc (diff)
Use virtual scroller for big contacts list display performances
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'css')
-rw-r--r--css/ContactsList.scss11
1 files changed, 11 insertions, 0 deletions
diff --git a/css/ContactsList.scss b/css/ContactsList.scss
index 676d4c64..30e603de 100644
--- a/css/ContactsList.scss
+++ b/css/ContactsList.scss
@@ -32,4 +32,15 @@
opacity: 0.6;
transform: rotate(180deg);
margin-top: 44px; // under the show navigation button
+}
+
+
+// Virtual scroller overrides
+.vue-recycle-scroller{
+ position: sticky !important;
+}
+
+.vue-recycle-scroller__item-view {
+ // same as app-content-list-item
+ height: 68px;
} \ No newline at end of file