mirror of
https://github.com/Unleash/unleash.git
synced 2025-11-24 20:06:55 +01:00
4a5ed3c3e7
* feat: add filtering capabilities to search Co-authored-by: Fredrik Strand Oseberg <fredrik.no@gmail.com> * fix: state custom filter * fix: undefined search crash * feat: add suggestions component * make search visible all the time * fix: update snaps * refactor, add tests, filterParsing, pass down searchContext to search components Co-authored-by: Fredrik Strand Oseberg <fredrik.no@gmail.com> * refactor: TableSearchFieldSuggestions and improvements * some cleanup and fix edge cases * adapt new search in project feature toggles * small ui/ux improvements * refactor: suggestions into smaller components * fix: update snaps * add responsiveness to the search * fix: update snaps Co-authored-by: Fredrik Strand Oseberg <fredrik.no@gmail.com>
73 lines
1.5 KiB
TypeScript
73 lines
1.5 KiB
TypeScript
import { makeStyles } from 'tss-react/mui';
|
|
|
|
export const useStyles = makeStyles()(theme => ({
|
|
container: {
|
|
boxShadow: 'none',
|
|
marginLeft: '1rem',
|
|
minHeight: '100%',
|
|
width: 'calc(100% - 1rem)',
|
|
position: 'relative',
|
|
[theme.breakpoints.down('md')]: {
|
|
marginLeft: '0',
|
|
paddingBottom: '4rem',
|
|
width: 'inherit',
|
|
},
|
|
},
|
|
headerClass: {
|
|
'& th': {
|
|
fontSize: theme.fontSizes.smallerBody,
|
|
lineHeight: '1rem',
|
|
},
|
|
},
|
|
bodyClass: {
|
|
overflowX: 'auto',
|
|
padding: theme.spacing(4),
|
|
},
|
|
header: {
|
|
padding: '1rem',
|
|
},
|
|
title: {
|
|
display: 'unset',
|
|
},
|
|
iconButton: {
|
|
marginRight: '1rem',
|
|
},
|
|
icon: {
|
|
color: '#000',
|
|
height: '30px',
|
|
width: '30px',
|
|
},
|
|
noTogglesFound: {
|
|
marginBottom: '0.5rem',
|
|
},
|
|
link: {
|
|
textDecoration: 'none',
|
|
color: theme.palette.primary.main,
|
|
},
|
|
actionsContainer: {
|
|
display: 'flex',
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
},
|
|
search: {
|
|
border: `1px solid ${theme.palette.grey[300]}`,
|
|
height: 35,
|
|
marginRight: '2rem',
|
|
},
|
|
button: {
|
|
whiteSpace: 'nowrap',
|
|
},
|
|
row: {
|
|
position: 'absolute',
|
|
width: '100%',
|
|
},
|
|
cell: {
|
|
alignItems: 'center',
|
|
display: 'flex',
|
|
flexShrink: 0,
|
|
'& > *': {
|
|
flexGrow: 1,
|
|
},
|
|
},
|
|
}));
|