Further adjust display of keyboard shortcuts (#304)

gbv · Apr 11, 2019 · 94823c6 · 94823c6
1 parent d1e7dae
commit 94823c6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 10 deletions.
diff --git a/config/locale.json b/config/locale.json
@@ -15,7 +15,8 @@
       "no": "No",
       "loading": "Loading...",
       "cancel": "Cancel",
-      "authNecessary": "Authentication necessary."
+      "authNecessary": "Authentication necessary.",
+      "or": "or"
     },
     "navbar": {
       "feedback": "Feedback",
@@ -252,7 +253,8 @@
       "addToMapping": "zum Mapping hinzufügen",
       "loading": "Lade...",
       "cancel": "Abbrechen",
-      "authNecessary": "Authentifizierung notwendig."
+      "authNecessary": "Authentifizierung notwendig.",
+      "or": "oder"
     },
     "navbar": {
       "feedback": "Feedback",

diff --git a/src/components/TheSettings.vue b/src/components/TheSettings.vue
@@ -188,14 +188,8 @@
           <p
             v-for="shortcut in config.shortcuts"
             :key="`settingsModal-shortcuts-${shortcut.id}`">
-            <b>{{ $util.prefLabel(shortcut) || shortcut.action }}</b>
-            <ul>
-              <li
-                v-for="(keys, index) in shortcut.keys.split(',')"
-                :key="`settingsModal-shortcuts-${shortcut.id}-keys-${index}`">
-                <span v-html="keys.split('+').map(key => `<kbd>${replaceKey(key)}</kbd>`).join(' + ')" />
-              </li>
-            </ul>
+            <b>{{ $util.prefLabel(shortcut) || shortcut.action }}</b><br>
+            <span v-html="shortcut.keys.split(',').map(keys => keys.split('+').map(key => `<kbd>${replaceKey(key)}</kbd>`).join(' + ')).join(` ${$t('general.or')} `)" />
           </p>
         </b-tab>
         <b-tab