External/signoz
1
0
Fork 0
mirror of https://github.com/SigNoz/signoz.git synced 2025-12-23 10:26:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: styling updates

Browse Source
This commit is contained in:
Yunus M 2025-04-27 20:37:42 +05:30 committed by SagarRajput-7
parent 722c3482d2
commit 39a90fd33c
3 changed files with 40 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/QueryBuilderV2/CodeMirrorWhereClause/CodeMirrorWhereClause.styles.scss
View File

@ -9,14 +9,14 @@
'Helvetica Neue', sans-serif; 'Helvetica Neue', sans-serif;
.cm-editor { .cm-editor {
border: 1px solid var(--bg-vanilla-300); border-radius: 2px;
border-radius: 4px;
overflow: hidden; overflow: hidden;
margin-bottom: 4px; margin-bottom: 4px;
background-color: var(--bg-ink-400);
&:focus-within { &:focus-within {
border-color: var(--bg-robin-500); border-color: var(--bg-robin-500);
box-shadow: 0 0 0 2px rgba(63, 94, 204, 0.2); background-color: var(--bg-ink-400);
} }
} }

33
frontend/src/components/QueryBuilderV2/CodeMirrorWhereClause/CodeMirrorWhereClause.tsx
View File

@ -114,8 +114,8 @@ function CodeMirrorWhereClause(): JSX.Element {
// isLoading: queryKeyValuesSuggestionsLoading, // isLoading: queryKeyValuesSuggestionsLoading,
// refetch: refetchQueryKeyValuesSuggestions, // refetch: refetchQueryKeyValuesSuggestions,
// } = useGetQueryKeyValueSuggestions({ // } = useGetQueryKeyValueSuggestions({
// signal: 'traces',
// key: 'status', // key: 'status',
// signal: 'traces',
// }); // });
const generateOptions = (data: any): any[] => { const generateOptions = (data: any): any[] => {
@ -300,6 +300,33 @@ function CodeMirrorWhereClause(): JSX.Element {
}; };
} }
const customTheme = EditorView.theme({
'&': {
fontFamily: '"Space Mono", monospace', // Change to any font
fontSize: '13px', // Set font size
lineHeight: '1.8', // Set line height
margin: '8px 0px',
},
'.cm-line': {
lineHeight: '2.2', // Set line height
},
'.cm-gutters': {
lineHeight: '1.8', // Set line height
display: 'none',
},
'.cm-content': {
lineHeight: '2.2', // Set line height
borderRadius: '2px',
border: '1px solid var(--bg-ink-400) !important',
background: 'var(--bg-ink-400) !important',
padding: '0px',
},
'.cm-focused': {
border: '1px solid var(--bg-robin-500) !important',
background: 'var(--bg-ink-400) !important',
},
});
return ( return (
<div className="code-mirror-where-clause"> <div className="code-mirror-where-clause">
<Card <Card
@ -322,7 +349,11 @@ function CodeMirrorWhereClause(): JSX.Element {
autocompletion({ override: [myCompletions] }), autocompletion({ override: [myCompletions] }),
collapseSpacesOutsideStrings(), collapseSpacesOutsideStrings(),
javascript({ jsx: false, typescript: false }), javascript({ jsx: false, typescript: false }),
customTheme,
]} ]}
basicSetup={{
lineNumbers: false,
}}
/> />
<Space className="cursor-position" size={4}> <Space className="cursor-position" size={4}>

5
frontend/src/utils/antlrQueryUtils.ts
View File

@ -233,6 +233,11 @@ export function getQueryContextAtCursor(
} }
} }
console.log('exactToken', exactToken);
console.log('previousToken', previousToken);
console.log('nextToken', nextToken);
console.log('query', query);
// Determine the context based on cursor position and surrounding tokens // Determine the context based on cursor position and surrounding tokens
let currentToken: IToken | null = null; let currentToken: IToken | null = null;