summaryrefslogtreecommitdiffstats
path: root/apps/accessibility/src
diff options
context:
space:
mode:
authorJohn Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>2018-06-14 15:27:57 +0200
committerJohn Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>2018-06-25 17:12:27 +0200
commitc972e3dc31ffb2de1e583ab0328ec1b424af57b1 (patch)
tree4d17eed21c61078ffbf1df73ff59882db7fa592f /apps/accessibility/src
parent77817797707238746490e069e789abf4c2327bc3 (diff)
downloadnextcloud-server-c972e3dc31ffb2de1e583ab0328ec1b424af57b1.tar.gz
nextcloud-server-c972e3dc31ffb2de1e583ab0328ec1b424af57b1.zip
Live css update, cache fix, design updates and various stuff
+ AppName fixes and compile bump + Bump dark theme and added highcontrast + various fixes Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'apps/accessibility/src')
-rw-r--r--apps/accessibility/src/App.vue9
-rw-r--r--apps/accessibility/src/components/itemPreview.vue1
2 files changed, 8 insertions, 2 deletions
diff --git a/apps/accessibility/src/App.vue b/apps/accessibility/src/App.vue
index d83d72b36eb..7b196f840ab 100644
--- a/apps/accessibility/src/App.vue
+++ b/apps/accessibility/src/App.vue
@@ -62,14 +62,19 @@ export default {
},
/**
- * Commit a change
+ * Commit a change and force reload css
+ * Fetching the file again will trigger the server update
*
* @param {string} type type of the change (font or theme)
* @param {string} id the data of the change
*/
selectItem(type, id) {
this.serverData[type] = id;
- console.log(type, id);
+ let cssLink = document.querySelector(
+ 'link[rel=stylesheet][href*=accessibility][href*=user-]'
+ );
+ cssLink.href =
+ cssLink.href.split('?')[0] + '?v=' + new Date().getTime();
}
}
};
diff --git a/apps/accessibility/src/components/itemPreview.vue b/apps/accessibility/src/components/itemPreview.vue
index 79f3f0494eb..d1139aa407e 100644
--- a/apps/accessibility/src/components/itemPreview.vue
+++ b/apps/accessibility/src/components/itemPreview.vue
@@ -1,6 +1,7 @@
<template>
<div :class="{preview: true, selected: preview.id === selected}"
@click="selectItem">
+ <div class="icon-checkmark"></div>
<div class="preview-image" :style="{backgroundImage: 'url(' + preview.img + ')'}"></div>
<h3>{{preview.title}}</h3>
<p>{{preview.text}}</p>