github/dataease
github/dataease
3
0
Fork 1
mirror of https://github.com/dataease/dataease.git synced 2025-02-24 11:32:57 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

style(图表): 优化基础样式配色方案，在多维度时，维度名称的显示样式

Browse Source
This commit is contained in:
jianneng-fit2cloud 2025-01-20 11:22:06 +08:00 committed by jianneng-fit2cloud
parent ddac238fa0
commit 7e50e1db81
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
core/core-frontend/src/views/chart/components/editor/editor-style/components/CustomColorStyleSelect.vue
View File

@ -491,7 +491,7 @@ const colorItemBorderColor = (index, state) => {
></div>
</div>
<div :id="`series-color-picker-${sub ? 1 : 0}-${index}`"></div>
<span class="color-item-name" :class="themes === 'dark' ? 'dark' : ''">
<span class="color-item-name" :title="item.name" :class="themes === 'dark' ? 'dark' : ''">
{{ item.name }}</span
>
</div>
@ -648,7 +648,7 @@ const colorItemBorderColor = (index, state) => {
justify-content: start;
align-items: flex-start;
.color-item-name {
max-width: 30px;
max-width: 160px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@ -688,7 +688,7 @@ const colorItemBorderColor = (index, state) => {
width: 100%;
font-size: var(--ed-font-size-base);
padding: 0 32px 0 20px;
padding: 0 20px 0 20px;
position: relative;
white-space: nowrap;
overflow: hidden;
@ -726,7 +726,7 @@ const colorItemBorderColor = (index, state) => {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 30px;
width: 40px;
}
}
.series-color-picker-wrapper {

6
core/core-frontend/src/views/chart/components/editor/editor-style/components/GradientColorSelector.vue
View File

@ -205,13 +205,13 @@ onMounted(() => {
}
}
.cases-list {
margin: 6px 0;
margin: 8px 0;
.select-color-item {
width: 100%;
font-size: var(--ed-font-size-base);
padding: 0 32px 0 20px;
padding: 0 20px 0 20px;
position: relative;
white-space: nowrap;
overflow: hidden;
@ -249,7 +249,7 @@ onMounted(() => {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 30px;
width: 40px;
}
}
.tab-header {