feat: state inspector: collapse all with shift too

vuejs · Sep 24, 2022 · dcaa51c · dcaa51c
1 parent a054381
commit dcaa51c
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git a/packages/app-frontend/src/features/inspector/StateInspector.vue b/packages/app-frontend/src/features/inspector/StateInspector.vue
@@ -86,14 +86,16 @@ export default {
   methods: {
     toggle (dataType, currentExpanded, event = null) {
       if (event) {
-        if (event.ctrlKey || event.metaKey) {
-          this.setExpandToAll(false)
-          this.$emit('collapse-all')
-          return
-        } else if (event.shiftKey) {
-          this.setExpandToAll(true)
-          this.$emit('expand-all')
-          return
+        if (event.shiftKey) {
+          if (currentExpanded) {
+            this.setExpandToAll(false)
+            this.$emit('collapse-all')
+            return
+          } else {
+            this.setExpandToAll(true)
+            this.$emit('expand-all')
+            return
+          }
         }
       }
       Vue.set(this.expandedState, dataType, !currentExpanded)

diff --git a/packages/app-frontend/src/locales/en.js b/packages/app-frontend/src/locales/en.js
@@ -24,7 +24,7 @@ export default {
   },
   StateInspector: {
     dataType: {
-      tooltip: '[[{{keys.ctrl}}]] + <<mouse>>: Collapse All<br>[[{{keys.shift}}]] + <<mouse>>: Expand All',
+      tooltip: '[[{{keys.shift}}]] + <<mouse>>: Expand/Collapse All',
     },
     filter: {
       tooltip: '[[{{keys.alt}}]] + [[D]] Filter state by name',