You are viewing a plain text version of this content. The canonical link for it is here.
Posted to notifications@skywalking.apache.org by wu...@apache.org on 2026/04/18 06:09:31 UTC
(skywalking-booster-ui) branch main updated: fix: add `flex-shrink` style for labels (#547)
This is an automated email from the ASF dual-hosted git repository.
wu-sheng pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/skywalking-booster-ui.git
The following commit(s) were added to refs/heads/main by this push:
new f6c6612a fix: add `flex-shrink` style for labels (#547)
f6c6612a is described below
commit f6c6612af8c45f9517af5e4d97a0145cb4b0c6ad
Author: Fine0830 <fa...@gmail.com>
AuthorDate: Sat Apr 18 14:09:25 2026 +0800
fix: add `flex-shrink` style for labels (#547)
---
src/views/Marketplace.vue | 1 -
src/views/dashboard/related/event/Header.vue | 3 ++-
src/views/dashboard/related/log/Header.vue | 5 +++--
src/views/dashboard/related/trace/components/TraceList/Filter.vue | 3 ++-
4 files changed, 7 insertions(+), 5 deletions(-)
diff --git a/src/views/Marketplace.vue b/src/views/Marketplace.vue
index ccd2b346..8c6b754b 100644
--- a/src/views/Marketplace.vue
+++ b/src/views/Marketplace.vue
@@ -156,7 +156,6 @@ limitations under the License. -->
.link {
float: right;
- margin-bottom: 20px;
}
.active {
diff --git a/src/views/dashboard/related/event/Header.vue b/src/views/dashboard/related/event/Header.vue
index 0b0ef9ce..573ca930 100644
--- a/src/views/dashboard/related/event/Header.vue
+++ b/src/views/dashboard/related/event/Header.vue
@@ -234,6 +234,7 @@ limitations under the License. -->
}
.label {
- line-height: 24px;
+ line-height: var(--el-input-height, 24px);
+ flex-shrink: 0;
}
</style>
diff --git a/src/views/dashboard/related/log/Header.vue b/src/views/dashboard/related/log/Header.vue
index 158e7051..57d1d5ad 100644
--- a/src/views/dashboard/related/log/Header.vue
+++ b/src/views/dashboard/related/log/Header.vue
@@ -72,7 +72,7 @@ limitations under the License. -->
</div>
<div class="flex-h row" v-show="!isBrowser">
<div class="mr-10 traceId">
- <span class="grey mr-5 label">{{ t("traceID") }}:</span>
+ <span class="grey mr-5">{{ t("traceID") }}:</span>
<el-input v-model="traceId" class="inputs-max" size="small" />
</div>
<ConditionTags :type="'LOG'" @update="updateTags" />
@@ -480,6 +480,7 @@ limitations under the License. -->
}
.label {
- line-height: 24px;
+ line-height: var(--el-input-height, 24px);
+ flex-shrink: 0;
}
</style>
diff --git a/src/views/dashboard/related/trace/components/TraceList/Filter.vue b/src/views/dashboard/related/trace/components/TraceList/Filter.vue
index 595e3043..87065d9b 100644
--- a/src/views/dashboard/related/trace/components/TraceList/Filter.vue
+++ b/src/views/dashboard/related/trace/components/TraceList/Filter.vue
@@ -356,6 +356,7 @@ limitations under the License. -->
}
.label {
- line-height: 24px;
+ line-height: var(--el-input-height, 24px);
+ flex-shrink: 0;
}
</style>