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);