diff options
Diffstat (limited to 'apps/accessibility/src')
| -rw-r--r-- | apps/accessibility/src/App.vue | 9 | ||||
| -rw-r--r-- | apps/accessibility/src/components/itemPreview.vue | 1 |
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> |