update style for long content

This commit is contained in:
MaysWind
2025-12-20 00:53:37 +08:00
parent fb55cd1b33
commit 2dd7fd30de
2 changed files with 15 additions and 5 deletions
+10
View File
@@ -135,6 +135,16 @@ input[type=number] {
color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity)); color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity));
} }
.text-field-truncate.v-text-field {
.v-input__control {
.v-field__field {
> input.v-field__input {
text-overflow: ellipsis !important;
}
}
}
}
.chart-pointer { .chart-pointer {
display: inline-block; display: inline-block;
margin-inline-end: 5px; margin-inline-end: 5px;
@@ -43,7 +43,7 @@
<div v-else-if="query.conditions && query.conditions.length > 0 && !showExpression"> <div v-else-if="query.conditions && query.conditions.length > 0 && !showExpression">
<div :key="conditionIndex" v-for="(conditionWithRelation, conditionIndex) in query.conditions"> <div :key="conditionIndex" v-for="(conditionWithRelation, conditionIndex) in query.conditions">
<div class="d-flex align-center gap-2 mb-4"> <div class="d-flex overflow-x-auto align-center gap-2 mb-4">
<v-select <v-select
disabled disabled
class="flex-0-0" class="flex-0-0"
@@ -92,7 +92,7 @@
v-model="conditionWithRelation.condition.operator" v-model="conditionWithRelation.condition.operator"
/> />
<div class="d-flex w-100 flex-1-1"> <div class="d-flex w-100 flex-1-1" style="min-width: 280px;">
<v-select <v-select
multiple chips closable-chips multiple chips closable-chips
density="compact" density="compact"
@@ -120,7 +120,7 @@
</v-select> </v-select>
<v-text-field <v-text-field
class="always-cursor-pointer" class="always-cursor-pointer text-field-truncate"
density="compact" density="compact"
item-title="displayName" item-title="displayName"
item-value="type" item-value="type"
@@ -134,7 +134,7 @@
/> />
<v-text-field <v-text-field
class="always-cursor-pointer" class="always-cursor-pointer text-field-truncate"
density="compact" density="compact"
item-title="displayName" item-title="displayName"
item-value="type" item-value="type"
@@ -148,7 +148,7 @@
/> />
<v-text-field <v-text-field
class="always-cursor-pointer" class="always-cursor-pointer text-field-truncate"
density="compact" density="compact"
item-title="displayName" item-title="displayName"
item-value="type" item-value="type"