From 413673c2d5db8adcce5b923cf226d15218fa6256 Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Fri, 25 Jun 2021 12:23:26 +0200
Subject: [PATCH] add dot-only prop to DotButton

---
 src/components/globals/DotButton.vue       | 8 +++++---
 src/components/nodes/NodeViewChildList.vue | 1 +
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/globals/DotButton.vue b/src/components/globals/DotButton.vue
index e96c79e..f3dde65 100644
--- a/src/components/globals/DotButton.vue
+++ b/src/components/globals/DotButton.vue
@@ -1,7 +1,7 @@
 <template>
   <b-button
     class="dot-btn"
-    :class="['dot-btn-' + variant, { 'active': active, 'show': show }]"
+    :class="['dot-btn-' + variant, { 'active': active, 'show': show, 'hide': dotOnly }]"
     v-bind="$attrs" v-on="$listeners"
     :active="active"
     :variant="variant"
@@ -24,7 +24,8 @@ export default {
   props: {
     variant: { type: String, required: true },
     active: { type: Boolean, default: false },
-    hovered: { type: Boolean, default: false }
+    hovered: { type: Boolean, default: false },
+    dotOnly: { type: Boolean, default: false }
   },
 
   data () {
@@ -52,7 +53,8 @@ export default {
   word-break: keep-all;
   white-space: pre;
 
-  &:not(.show) {
+  &:not(.show),
+  &.hide {
     min-height: 1.1875rem;
     min-width: 1.1875rem;
     padding: 0;
diff --git a/src/components/nodes/NodeViewChildList.vue b/src/components/nodes/NodeViewChildList.vue
index 165743a..bb7ae49 100644
--- a/src/components/nodes/NodeViewChildList.vue
+++ b/src/components/nodes/NodeViewChildList.vue
@@ -9,6 +9,7 @@
           @click="onOpen(child.id)"
           :variant="child.variant"
           :active="activeNodes.includes(child.id)"
+          dot-only
         >
           {{ $t('variants.' + child.variant) }}
         </dot-button>