jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui): fix search cols

Browse source
This commit is contained in:
sylenien 2022-11-25 15:27:58 +01:00
parent e501bee2ff
commit aa7d0771dc
2 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
frontend/app/components/shared/Filters/FilterModal/FilterModal.module.css
View file

@ -10,6 +10,7 @@
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 200px;
&:hover {
background-color: $active-blue;
color: $teal !important;
@ -34,4 +35,4 @@
overflow: hidden;
text-overflow: ellipsis;
}
}
}

4
frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx
View file

@ -64,10 +64,10 @@ function FilterModal(props: Props) {
// console.log(matchingFilters)
return (
<div className={stl.wrapper} style={{ width: '480px', maxHeight: '380px', overflowY: 'auto'}}>
<div className={searchQuery && !isResultEmpty ? 'mb-6' : ''} style={{ columns: "auto 200px" }}>
<div className={searchQuery && !isResultEmpty ? 'mb-6' : ''} style={{ columns: matchingCategories.length > 1 ? 'auto 200px' : 1 }}>
{matchingCategories.map((key) => {
return (
<div className="mb-6" key={key}>
<div className="mb-6 flex flex-col gap-2" key={key}>
<div className="uppercase font-medium mb-1 color-gray-medium tracking-widest text-sm">{key}</div>
<div>
{matchingFilters[key] && matchingFilters[key].map((filter: any) => (