QRunIO/qqq-frontend-material-dashboard
2
0
Fork 0
mirror of https://github.com/Kingsrook/qqq-frontend-material-dashboard.git synced 2025-07-18 05:10:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

CSS adjustments for multi-value filter

Browse Source
This commit is contained in:
darin.kelkhoff
2023-06-21 16:14:14 -05:00
parent 15b295f62d
commit 1e6bfe7e6f
2 changed files with 22 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/qqq/components/query/FilterCriteriaRowValues.tsx
View File

@ -170,7 +170,7 @@ function FilterCriteriaRowValues({operatorOption, criteria, field, table, valueC
{
values = [];
}
return <Box display="flex" alignItems="flex-end">
return <Box display="flex" alignItems="flex-end" className="multiValue">
<Autocomplete
renderInput={(params) => (<TextField {...params} variant="standard" label="Values" />)}
options={[]}

21
src/qqq/styles/qqq-override-styles.css
View File

@ -491,6 +491,27 @@ input[type="search"]::-webkit-search-results-decoration { display: none; }
color: lightgray;
}
/* make the blue active-bottom-border not scroll in multi-value filter value panel */
/* also prevent that box from getting stupidly large; scroll well. */
.filterValuesColumn .multiValue .Mui-focused:after
{
border-bottom: none !important;
}
.filterValuesColumn .multiValue .Mui-focused .MuiAutocomplete-inputRoot:before
{
border-bottom: none !important;
}
.filterValuesColumn .multiValue .MuiAutocomplete-inputRoot.Mui-focused
{
border-bottom: 2px solid #0062FF;
max-height: 150px;
overflow-x: hidden;
overflow-y: auto;
}
.DynamicSelectPopper ul
{
padding: 0;