Merge pull request #373 from bitshares/370-widget-minimize-container

#370: added container to minimize block
bitshares · Dec 29, 2018 · 547942e · 547942e
2 parents 57fbd52 + bf69dbd
commit 547942e
Showing 1 changed file with 21 additions and 11 deletions.
diff --git a/src/components/Card/Card.vue b/src/components/Card/Card.vue
@@ -34,18 +34,22 @@
         v-if="title"
         class="card-header"
       >
-        <div class="title">
-          <div> {{ title }} </div>
+        <div
+          class="card-header-collapsible"
+          @click="collapsible && handleCollapseClick()"
+        >
+          <div class="title">
+            <div> {{ title }} </div>
+          </div>
+          <svgicon
+            v-if="collapsible"
+            :class="{'collapse-btn--active' : collapsed }"
+            class="collapse-btn"
+            width="20"
+            height="20"
+            name="arrowDown"
+          />
         </div>
-        <svgicon
-          v-if="collapsible"
-          :class="{'collapse-btn--active' : collapsed }"
-          class="collapse-btn"
-          width="20"
-          height="20"
-          name="arrowDown"
-          @click.stop="handleCollapseClick"
-        />
         <div
           v-if="expandable"
           class="expand-btn hidden lg:flex"
@@ -125,6 +129,12 @@ export default {
   }
 }
 
+.card-header-collapsible {
+  display: flex;
+  flex-direction: row;
+  cursor: pointer;
+}
+
 .card {
   display: flex;
   overflow: hidden;