1
0
mirror of https://github.com/Unleash/unleash.git synced 2024-10-18 20:09:08 +02:00
unleash.unleash/frontend/src/component/feature/FeatureToggleListNew/FeatureToggleListNew.styles.ts
Fredrik Strand Oseberg 36fcac7178 Fix/project view desc (#515)
* fix: rollout icon and disabled state

* fix: mobile position

* refactor: move into style file

* fix: description box for projects

* fix: icon placement

* fix: icon

* fix: mobile project view

* fix: add style file to disabled indicator

* fix: hide icon on mobile

* fix: description

* fix: remove project logo
2021-11-24 14:36:21 +01:00

59 lines
1.3 KiB
TypeScript

import { makeStyles } from '@material-ui/core/styles';
export const useStyles = makeStyles(theme => ({
tableRow: {
cursor: 'pointer',
'&:hover': {
backgroundColor: theme.palette.grey[200],
},
},
tableCell: {
border: 'none',
padding: '0.25rem 0',
},
tableCellHeader: {
paddingBottom: '0.5rem',
fontWeight: 'normal',
color: theme.palette.grey[600],
borderBottom: '1px solid ' + theme.palette.grey[200],
},
tableCellHeaderSortable: {
cursor: 'pointer',
},
tableCellStatus: {
width: '60px',
},
tableCellName: {
paddingLeft: '10px',
},
tableCellEnv: {
width: '90px',
[theme.breakpoints.down('sm')]: {
display: 'none',
},
},
tableCellCreated: {
[theme.breakpoints.down('sm')]: {
display: 'none',
},
},
tableCellType: {
width: '32px',
alignItems: 'center',
[theme.breakpoints.down(600)]: {
display: 'none',
},
},
link: {
textDecoration: 'none',
color: 'inherit',
},
envName: {
display: 'inline-block',
width: '90px',
textOverflow: 'ellipsis',
overflow: 'hidden',
whiteSpace: 'nowrap',
},
}));