summaryrefslogtreecommitdiffstats
path: root/webapp
diff options
context:
space:
mode:
authorUdo Walter2019-03-03 04:46:52 +0100
committerUdo Walter2019-03-03 04:46:52 +0100
commit103f7ebcad42bbd30bbf3d469ea31ba7515f24ff (patch)
treecb338755a231f23b19227073fe9c663411f2856c /webapp
parent[webapp] add single select to selectbox; eslint fix (diff)
downloadbas-103f7ebcad42bbd30bbf3d469ea31ba7515f24ff.tar.gz
bas-103f7ebcad42bbd30bbf3d469ea31ba7515f24ff.tar.xz
bas-103f7ebcad42bbd30bbf3d469ea31ba7515f24ff.zip
[webapp] add option to disable all animations
Diffstat (limited to 'webapp')
-rw-r--r--webapp/src/assets/styles.css5
-rw-r--r--webapp/src/components/DashboardPage.vue2
-rw-r--r--webapp/src/components/SettingsModule.vue9
-rw-r--r--webapp/src/store/global.js3
4 files changed, 14 insertions, 5 deletions
diff --git a/webapp/src/assets/styles.css b/webapp/src/assets/styles.css
index 6241649..77222e1 100644
--- a/webapp/src/assets/styles.css
+++ b/webapp/src/assets/styles.css
@@ -14,6 +14,11 @@ html {
user-drag: none;
}
+.no-animations *, .no-animations :before, .no-animations :after {
+ transition-property: none !important;
+ animation: none !important;
+}
+
::-webkit-scrollbar {
width: 6px;
height: 6px;
diff --git a/webapp/src/components/DashboardPage.vue b/webapp/src/components/DashboardPage.vue
index 6c5d267..4fbac78 100644
--- a/webapp/src/components/DashboardPage.vue
+++ b/webapp/src/components/DashboardPage.vue
@@ -16,7 +16,7 @@
</i18n>
<template>
- <v-app :dark="settings.dark">
+ <v-app :dark="settings.dark" :class="{ 'no-animations': settings.noAnimations }">
<v-touch
@panstart="drawerDragStart"
@panmove="drawerDragMove"
diff --git a/webapp/src/components/SettingsModule.vue b/webapp/src/components/SettingsModule.vue
index c2f8542..aa64ec6 100644
--- a/webapp/src/components/SettingsModule.vue
+++ b/webapp/src/components/SettingsModule.vue
@@ -8,7 +8,8 @@
"language": "Language",
"general": "General",
"generalSettings": "General settings",
- "appearance": "Appearance"
+ "appearance": "Appearance",
+ "noAnimations": "Disable animations"
},
"de": {
"darkTheme": "Dunkles Design",
@@ -18,7 +19,8 @@
"language": "Sprache",
"general": "Allgemein",
"generalSettings": "Allgemeine Einstellungen",
- "appearance": "Aussehen"
+ "appearance": "Aussehen",
+ "noAnimations": "Animationen ausschalten"
}
}
</i18n>
@@ -56,9 +58,10 @@
<v-card>
<div class="element-container">
<v-switch :input-value="store.dark" @change="save('dark', $event)" :label="$t('darkTheme')" color="primary" prepend-icon="style"></v-switch>
- <v-switch :input-value="store.coloredTabs" @change="save('coloredTabs', $event)" :label="$t('coloredTabs')" color="primary" prepend-icon="tab"></v-switch>
+ <v-switch :input-value="store.coloredTabs" @change="save('coloredTabs', $event)" :label="$t('coloredTabs')" color="primary" prepend-icon="format_color_fill"></v-switch>
<v-switch :input-value="store.clipped" @change="save('clipped', $event)" :label="$t('clipped')" color="primary" class="hidden-md-and-down" prepend-icon="view_quilt"></v-switch>
<v-switch :input-value="store.mini" @change="save('mini', $event)" :label="$t('mini')" color="primary" class="hidden-md-and-down" prepend-icon="view_list"></v-switch>
+ <v-switch :input-value="store.noAnimations" @change="save('noAnimations', $event)" :label="$t('noAnimations')" color="primary" prepend-icon="visibility_off"></v-switch>
</div>
</v-card>
</v-tab-item>
diff --git a/webapp/src/store/global.js b/webapp/src/store/global.js
index b08c751..ea56fb5 100644
--- a/webapp/src/store/global.js
+++ b/webapp/src/store/global.js
@@ -18,7 +18,8 @@ export default {
dark: loadSetting('dark', true),
coloredTabs: loadSetting('coloredTabs', false),
clipped: loadSetting('clipped', true),
- mini: loadSetting('mini', true)
+ mini: loadSetting('mini', true),
+ noAnimations: loadSetting('noAnimations', false)
},
loginRedirect: null,
user: {