feat: state inspector: collapse all with shift too

Author: Akryum

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)

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',