GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-12 12:49:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: the tag key flickering when moving from traces to logs (#6054)

Browse Source
This commit is contained in:
Vikrant Gupta 2024-09-24 09:08:24 +05:30 committed by GitHub
parent 5e5f0f167f
commit df2844ea74
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/container/QueryBuilder/filters/QueryBuilderSearchV2/QueryBuilderSearchV2.styles.scss
View File

@ -235,16 +235,16 @@
}
&.resource {
border: 1px solid rgba(242, 71, 105, 0.2);
border: 1px solid #4bcff920;
.ant-typography {
color: var(--bg-sakura-400);
background: rgba(245, 108, 135, 0.1);
color: var(--bg-aqua-400);
background: #4bcff910;
font-size: 14px;
}
.ant-tag-close-icon {
background: rgba(245, 108, 135, 0.1);
background: #4bcff910;
}
}
&.tag {
@ -343,15 +343,15 @@
}
&.resource {
border: 1px solid rgba(242, 71, 105, 0.2);
border: 1px solid #4bcff920;
.ant-typography {
color: var(--bg-sakura-400);
background: rgba(245, 108, 135, 0.1);
color: var(--bg-aqua-400);
background: #4bcff910;
}
.ant-tag-close-icon {
background: rgba(245, 108, 135, 0.1);
background: #4bcff910;
}
}
&.tag {

5
frontend/src/container/QueryBuilder/filters/QueryBuilderSearchV2/QueryBuilderSearchV2.tsx
View File

@ -729,7 +729,8 @@ function QueryBuilderSearchV2(
}, [tags]);
useEffect(() => {
if (!isEqual(query.filters.items, tags)) {
// convert the query and tags to same format before comparison
if (!isEqual(getInitTags(query), tags)) {
setTags(getInitTags(query));
}
// eslint-disable-next-line react-hooks/exhaustive-deps
@ -769,7 +770,7 @@ function QueryBuilderSearchV2(
);
const queryTags = useMemo(
() => tags.map((tag) => `${tag.key.key} ${tag.op} ${tag.value}`),
() => tags.map((tag) => `${tag.key?.key} ${tag.op} ${tag.value}`),
[tags],
);

8
frontend/src/container/QueryBuilder/filters/QueryBuilderSearchV2/Suggestions.styles.scss
View File

@ -77,14 +77,14 @@
&.resource {
border-radius: 50px;
background: rgba(245, 108, 135, 0.1) !important;
color: var(--bg-sakura-400) !important;
background: #4bcff910 !important;
color: var(--bg-aqua-400) !important;
.dot {
background-color: var(--bg-sakura-400);
background-color: var(--bg-aqua-400);
}
.text {
color: var(--bg-sakura-400);
color: var(--bg-aqua-400);
font-family: Inter;
font-size: 12px;
font-style: normal;