GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-07-31 03:21:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: added variable description icon and details on tooltip (#7897)

Browse Source
This commit is contained in:
SagarRajput-7 2025-05-16 16:46:19 +05:30 committed by GitHub
parent f10f7a806f
commit 9383b6576d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/container/NewDashboard/DashboardVariablesSelection/DashboardVariableSelection.styles.scss
View File

@ -18,6 +18,11 @@
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */
.info-icon {
margin-left: 4px;
color: var(--bg-vanilla-400);
}
}
.variable-value {

8
frontend/src/container/NewDashboard/DashboardVariablesSelection/VariableItem.tsx
View File

@ -7,7 +7,7 @@
import './DashboardVariableSelection.styles.scss';
import { orange } from '@ant-design/colors';
import { WarningOutlined } from '@ant-design/icons';
import { InfoCircleOutlined, WarningOutlined } from '@ant-design/icons';
import {
Checkbox,
Input,
@ -405,7 +405,13 @@ function VariableItem({
<div className="variable-item">
<Typography.Text className="variable-name" ellipsis>
${variableData.name}
{variableData.description && (
<Tooltip title={variableData.description}>
<InfoCircleOutlined className="info-icon" />
</Tooltip>
)}
</Typography.Text>
<div className="variable-value">
{variableData.type === 'TEXTBOX' ? (
<Input