fix(indent): 🐛 更新缩进样式

xpyjs · Jun 12, 2023 · 7062371 · 7062371
1 parent 7aa0b5e
commit 7062371
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 12 deletions.
diff --git a/src/components/column/selection.vue b/src/components/column/selection.vue
@@ -7,18 +7,28 @@
 
   <div class="level-block" :style="{ width: `${data!.level * indent}px` }" />
 
-  <Icon
-    v-if="$styleBox.showExpand && !!data?.children?.length"
-    name="arrow-right"
-    :class="['expand-icon', { 'expand-icon__expanded': data?.isExpand }]"
-    :style="{ width: `${rowHeight / 2}px`, height: `${rowHeight / 2}px` }"
-    @click.stop="
-      () => {
-        data?.setExpand(!data.isExpand);
-        flattenData();
-      }
-    "
-  />
+  <div
+    v-if="$styleBox.showExpand"
+    :style="{
+      width: `${rowHeight / 2}px`,
+      height: `${rowHeight / 2}px`,
+      display: 'inline-block',
+      'box-sizing': 'border-box'
+    }"
+  >
+    <Icon
+      v-if="!!data?.children?.length"
+      name="arrow-right"
+      :class="['expand-icon', { 'expand-icon__expanded': data?.isExpand }]"
+      :style="{ width: '100%', height: '100%' }"
+      @click.stop="
+        () => {
+          data?.setExpand(!data.isExpand);
+          flattenData();
+        }
+      "
+    />
+  </div>
 
   <Checkbox
     v-if="$styleBox.showCheckbox"

diff --git a/src/components/column/style.scss b/src/components/column/style.scss
@@ -19,6 +19,7 @@
 
     .prefix {
       display: inline-block;
+      height: 100%;
 
       .drag-icon {
         cursor: move;