diff --git a/core/core-frontend/src/custom-component/de-tabs/CustomTabsSortSide.vue b/core/core-frontend/src/custom-component/de-tabs/CustomTabsSortSide.vue
index d86c801eb0..8d8b64968b 100644
--- a/core/core-frontend/src/custom-component/de-tabs/CustomTabsSortSide.vue
+++ b/core/core-frontend/src/custom-component/de-tabs/CustomTabsSortSide.vue
@@ -8,13 +8,24 @@
class="item-dimension"
:class="{ 'item-dimension-dark': themes === 'dark' }"
:title="element.title"
+ @dblclick="startEditTitle(element)"
>
-
+
{{ element.title }}
+
@@ -46,7 +57,7 @@
@@ -148,6 +212,7 @@ import { deepCopy } from '@/utils/utils'
background-color: white;
display: flex;
align-items: center;
+ cursor: pointer;
}
.item-icon {
@@ -163,6 +228,21 @@ import { deepCopy } from '@/utils/utils'
text-overflow: ellipsis;
}
+.edit-input {
+ flex: 1;
+ min-width: 80px;
+
+ :deep(.el-input__wrapper) {
+ padding: 0 8px;
+ background-color: transparent;
+
+ .el-input__inner {
+ font-size: 12px;
+ line-height: 24px;
+ }
+ }
+}
+
.blackTheme .item-dimension {
border: solid 1px;
border-color: var(--ed-border-color);