fix: 🐛 "Analyze" button will now stay pressed when panel is open

EricLambrecht · Jun 30, 2019 · c161a03 · c161a03
1 parent b6c457c
commit c161a03
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/components/_base/Button.vue b/src/components/_base/Button.vue
@@ -1,7 +1,7 @@
 <template>
   <button
     v-bind="$attrs"
-    :class="{ button: true, primary, secondary, tertiary, disabled, small }"
+    :class="{ button: true, primary, secondary, tertiary, disabled, small, pressed }"
     :disabled="disabled"
     v-on="$listeners"
   >
@@ -38,6 +38,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    pressed: {
+      type: Boolean,
+      default: false,
+    },
   },
   computed: {
     hasIcon() {
@@ -99,6 +103,11 @@ export default {
     &.disabled {
       cursor: not-allowed;
     }
+
+    &.pressed {
+      background-color: rgba(0,0,0,0.12);
+      box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
+    }
   }
 
   .icon {

diff --git a/src/components/editor/EditorOperationPanel.vue b/src/components/editor/EditorOperationPanel.vue
@@ -13,7 +13,11 @@
               Shuffle
             </b-button>
             <sort-configuration />
-            <b-button tertiary @click="onClickStatistics">
+            <b-button
+              tertiary
+              :pressed="showStatistics"
+              @click="onClickStatistics"
+            >
               <v-icon
                 slot="icon"
                 name="chart-line"