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

fix: make the entire row clickable in logs quick filters (#6574)

Browse Source
This commit is contained in:
Vikrant Gupta 2024-12-03 13:06:07 +05:30 committed by GitHub
parent 6384b25af3
commit 43f856c41b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 19 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/components/QuickFilters/FilterRenderers/Checkbox/Checkbox.styles.scss
View File

@ -8,6 +8,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
cursor: pointer;
.left-action { .left-action {
display: flex; display: flex;

29
frontend/src/components/QuickFilters/FilterRenderers/Checkbox/Checkbox.tsx
View File

@ -396,23 +396,22 @@ export default function CheckboxFilter(props: ICheckboxProps): JSX.Element {
return ( return (
<div className="checkbox-filter"> <div className="checkbox-filter">
<section className="filter-header-checkbox"> <section
<section className="left-action"> className="filter-header-checkbox"
{isOpen ? (
<ChevronDown
size={13}
cursor="pointer"
onClick={(): void => { onClick={(): void => {
if (isOpen) {
setIsOpen(false); setIsOpen(false);
setVisibleItemsCount(10); setVisibleItemsCount(10);
} else {
setIsOpen(true);
}
}} }}
/> >
<section className="left-action">
{isOpen ? (
<ChevronDown size={13} cursor="pointer" />
) : ( ) : (
<ChevronRight <ChevronRight size={13} cursor="pointer" />
size={13}
onClick={(): void => setIsOpen(true)}
cursor="pointer"
/>
)} )}
<Typography.Text className="title">{filter.title}</Typography.Text> <Typography.Text className="title">{filter.title}</Typography.Text>
</section> </section>
@ -420,7 +419,11 @@ export default function CheckboxFilter(props: ICheckboxProps): JSX.Element {
{isOpen && ( {isOpen && (
<Typography.Text <Typography.Text
className="clear-all" className="clear-all"
onClick={handleClearFilterAttribute} onClick={(e): void => {
e.stopPropagation();
e.preventDefault();
handleClearFilterAttribute();
}}
> >
Clear All Clear All
</Typography.Text> </Typography.Text>