Improved keys

Author: Guillaume Chau

src/devtools/components/StateInspector.vue

@@ -78,7 +78,7 @@ export default {
       })
     },
     dataTypeTooltip () {
-      return `<span class="keyboard">${this.$keys.ctrl}</span> + <i class="material-icons">mouse</i>: Collapse All<br><span class="keyboard">Shift</span> + <i class="material-icons">mouse</i>: Expand All`
+      return `<span class="keyboard">${this.$keys.ctrl}</span> + <i class="material-icons">mouse</i>: Collapse All<br><span class="keyboard">${this.$keys.shift}</span> + <i class="material-icons">mouse</i>: Expand All`
     }
   },
   methods: {

src/devtools/index.js

@@ -9,7 +9,9 @@ import { parse } from '../util'
 const isChrome = typeof chrome !== 'undefined' && !!chrome.devtools
 const isMac = navigator.platform === 'MacIntel'
 const keys = {
-  ctrl: isMac ? '⌘' : 'Ctrl'
+  ctrl: isMac ? '⌘' : 'Ctrl',
+  shift: 'Shift',
+  alt: isMac ? '⌥' : 'Alt'
 }
 
 Object.defineProperties(Vue.prototype, {

src/devtools/mixins/data-field-edit.js

@@ -238,8 +238,8 @@ export default {
     quickEditNumberTooltip (operator) {
       return `Quick Edit<br><br>
 <span class="keyboard">${this.$keys.ctrl}</span> + <i class="material-icons">mouse</i>: ${operator}5<br>
-<span class="keyboard">Shift</span> + <i class="material-icons">mouse</i>: ${operator}10<br>
-<span class="keyboard">Alt</span> + <i class="material-icons">mouse</i>: ${operator}100`
+<span class="keyboard">${this.$keys.shift}</span> + <i class="material-icons">mouse</i>: ${operator}10<br>
+<span class="keyboard">${this.$keys.alt}</span> + <i class="material-icons">mouse</i>: ${operator}100`
     }
   }
 }