summaryrefslogtreecommitdiffstats
path: root/webapp
diff options
context:
space:
mode:
authorUdo Walter2019-03-31 03:01:00 +0200
committerUdo Walter2019-03-31 03:01:00 +0200
commit7521cd02c7f4c6b3b13ab33d7d77bccd1c0e2f75 (patch)
tree317245eb7cc02da957e78e158de90e5926316500 /webapp
parent[webapp/groups] fix crash (diff)
downloadbas-7521cd02c7f4c6b3b13ab33d7d77bccd1c0e2f75.tar.gz
bas-7521cd02c7f4c6b3b13ab33d7d77bccd1c0e2f75.tar.xz
bas-7521cd02c7f4c6b3b13ab33d7d77bccd1c0e2f75.zip
[webapp] small scrollbar style change
Diffstat (limited to 'webapp')
-rw-r--r--webapp/src/assets/styles.css27
-rw-r--r--webapp/src/components/DashboardPage.vue2
-rw-r--r--webapp/src/components/DataTable.vue4
3 files changed, 11 insertions, 22 deletions
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 @@
</i18n>
<template>
- <v-app :dark="settings.dark" :class="{ 'no-animations': settings.noAnimations }">
+ <v-app :dark="settings.dark" :class="{ 'no-animation': settings.noAnimations }">
<v-touch
@panstart="drawerDragStart"
@panmove="drawerDragMove"
diff --git a/webapp/src/components/DataTable.vue b/webapp/src/components/DataTable.vue
index 27d8d77..c845303 100644
--- a/webapp/src/components/DataTable.vue
+++ b/webapp/src/components/DataTable.vue
@@ -542,8 +542,8 @@ export default {
}
.table-row ::-webkit-scrollbar {
- width: 3px;
- height: 3px;
+ width: 6px;
+ height: 6px;
}
.table-row > div, .table-head > div {