Use first column for toggle when separator+collapsible

ahmedhamidawan · Mar 5, 2024 · fb34f0f · fb34f0f
1 parent 805b675
commit fb34f0f
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/client/src/components/Common/Heading.vue b/client/src/components/Common/Heading.vue
@@ -47,15 +47,15 @@ const element = computed(() => {
 
 <template>
     <div v-if="props.separator" class="separator heading">
-        <div class="stripe"></div>
+        <b-button v-if="collapsible" variant="link" size="sm" @click="$emit('click')">
+            <icon v-if="collapsed" fixed-width icon="angle-double-down" />
+            <icon v-else fixed-width icon="angle-double-up" />
+        </b-button>
+        <div v-else class="stripe"></div>
         <component
             :is="element"
             :class="[sizeClass, props.bold ? 'font-weight-bold' : '', collapsible ? 'collapsible' : '']"
             @click="$emit('click')">
-            <b-button v-if="collapsible" variant="link" size="sm">
-                <icon v-if="collapsed" fixed-width icon="angle-double-down" />
-                <icon v-else fixed-width icon="angle-double-up" />
-            </b-button>
             <slot />
         </component>
         <div class="stripe"></div>