diff --git a/core/core-frontend/src/views/chart/components/views/index.vue b/core/core-frontend/src/views/chart/components/views/index.vue index 05b036c6d5..3f795cbf0f 100644 --- a/core/core-frontend/src/views/chart/components/views/index.vue +++ b/core/core-frontend/src/views/chart/components/views/index.vue @@ -989,17 +989,6 @@ const iconSize = computed(() => { return 16 * scale.value + 'px' }) -/** - * 保证标题容器高度最小高度不低于图标高度 - */ -const titleContainerMinHeight = computed(() => { - if (['picture-group', 'rich-text'].includes(element.value.innerType)) { - return '0px' - } else if (!titleShow.value) { - return 16 * scale.value + 4 + 'px' - } - return 16 * scale.value + 'px' -}) /** * 修改透明度 * 边框透明度为0时会是存色,顾配置低透明度 @@ -1160,57 +1149,60 @@ const clearG2Tooltip = () => { /> -
- - - - - - - - - - - - +
- - - - - - - - - + + + + + + + + + + + + + + + + + + + + + +
@@ -1354,25 +1346,30 @@ const clearG2Tooltip = () => { gap: 8px; - .icons-container { - display: inline-flex; - flex-direction: row; - align-items: center; - flex-wrap: nowrap; - gap: 8px; + .icons-container-out { + position: relative; + .icons-container { + position: absolute; + left: 0; + display: inline-flex; + flex-direction: row; + align-items: center; + flex-wrap: nowrap; + gap: 8px; - color: #646a73; + color: #646a73; - &.icons-container__dark { - color: #a6a6a6; - } + &.icons-container__dark { + color: #a6a6a6; + } - &.is-editing { - gap: 6px; - } + &.is-editing { + gap: 6px; + } - .inner-icon { - cursor: pointer; + .inner-icon { + cursor: pointer; + } } } }