From 7521cd02c7f4c6b3b13ab33d7d77bccd1c0e2f75 Mon Sep 17 00:00:00 2001 From: Udo Walter Date: Sun, 31 Mar 2019 01:01:00 +0000 Subject: [webapp] small scrollbar style change --- webapp/src/assets/styles.css | 27 ++++++++------------------- webapp/src/components/DashboardPage.vue | 2 +- webapp/src/components/DataTable.vue | 4 ++-- 3 files changed, 11 insertions(+), 22 deletions(-) (limited to 'webapp') diff --git a/webapp/src/assets/styles.css b/webapp/src/assets/styles.css index f8051c6..8da9436 100644 --- a/webapp/src/assets/styles.css +++ b/webapp/src/assets/styles.css @@ -14,18 +14,23 @@ html { user-drag: none; } -.no-animations *, .no-animations :before, .no-animations :after { +.no-animation *, .no-animation :before, .no-animation :after { transition: none !important; animation: none !important; } ::-webkit-scrollbar { - width: 6px; - height: 6px; + width: 12px; + height: 12px; } ::-webkit-scrollbar-thumb { background-color: #666666; + border-radius: 6px; +} + +.theme--light ::-webkit-scrollbar-thumb { + background-color: #cccccc; } ::-webkit-scrollbar-corner { @@ -58,19 +63,3 @@ html { .tabbar-tabicon { margin-right: 12px; } - -.no-animation { -/*CSS transitions*/ --o-transition-property: none !important; --moz-transition-property: none !important; --ms-transition-property: none !important; --webkit-transition-property: none !important; -transition-property: none !important; - -/*CSS animations*/ --webkit-animation: none !important; --moz-animation: none !important; --o-animation: none !important; --ms-animation: none !important; -animation: none !important; -} \ No newline at end of file diff --git a/webapp/src/components/DashboardPage.vue b/webapp/src/components/DashboardPage.vue index 1751840..83fda1a 100644 --- a/webapp/src/components/DashboardPage.vue +++ b/webapp/src/components/DashboardPage.vue @@ -16,7 +16,7 @@