mirror of
https://github.com/Unleash/unleash.git
synced 2025-11-10 01:19:53 +01:00
504a4af274
* refactor: extract SegmentEmpty component * refactor: extract CreateSegmentButton component * refactor: extract EditSegmentButton component * refactor: extract RemoveSegmentButton component * refactor: normalize Created table header text * refactor: port segments list to react-table * fix: improve row text height in table row * fix: update test snapshots * refactor table cell with search highlight * fix: update after review Co-authored-by: Tymoteusz Czech <2625371+Tymek@users.noreply.github.com> Co-authored-by: Tymoteusz Czech <tymek+gpg@getunleash.ai>
45 lines
1.2 KiB
TypeScript
45 lines
1.2 KiB
TypeScript
import { makeStyles } from 'tss-react/mui';
|
|
|
|
export const useStyles = makeStyles()(theme => ({
|
|
wrapper: {
|
|
paddingTop: theme.spacing(1.5),
|
|
paddingBottom: theme.spacing(1.5),
|
|
paddingLeft: theme.spacing(2),
|
|
paddingRight: theme.spacing(2),
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
minHeight: '62px',
|
|
},
|
|
link: {
|
|
'&:hover, &:focus': {
|
|
textDecoration: 'none',
|
|
'& > div > span:first-of-type': {
|
|
textDecoration: 'underline',
|
|
},
|
|
},
|
|
},
|
|
container: {
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
justifyContent: 'center',
|
|
wordBreak: 'break-all',
|
|
},
|
|
title: {
|
|
overflow: 'hidden',
|
|
textOverflow: 'ellipsis',
|
|
display: '-webkit-box',
|
|
WebkitBoxOrient: 'vertical',
|
|
},
|
|
description: {
|
|
color: theme.palette.text.secondary,
|
|
textDecoration: 'none',
|
|
fontSize: 'inherit',
|
|
WebkitLineClamp: 1,
|
|
lineClamp: 1,
|
|
overflow: 'hidden',
|
|
textOverflow: 'ellipsis',
|
|
display: '-webkit-box',
|
|
WebkitBoxOrient: 'vertical',
|
|
},
|
|
}));
|