mirror of
https://github.com/thomasnordquist/MQTT-Explorer.git
synced 2026-09-12 09:35:01 +00:00
57 lines
1.4 KiB
TypeScript
57 lines
1.4 KiB
TypeScript
import { blueGrey } from '@material-ui/core/colors'
|
|
import { Theme } from '@material-ui/core/styles'
|
|
|
|
export const styles = (theme: Theme) => {
|
|
return {
|
|
animationLight: {
|
|
willChange: 'auto',
|
|
translateZ: 0,
|
|
animation: 'updateLight 0.5s',
|
|
},
|
|
animationDark: {
|
|
willChange: 'auto',
|
|
translateZ: 0,
|
|
animation: 'updateDark 0.5s',
|
|
},
|
|
collapsedSubnodes: {
|
|
color: theme.palette.text.secondary,
|
|
},
|
|
displayBlock: {
|
|
display: 'block' as 'block',
|
|
},
|
|
node: {
|
|
display: 'block' as 'block',
|
|
width: '100%',
|
|
overflow: 'hidden' as 'hidden',
|
|
textOverflow: 'ellipsis' as 'ellipsis',
|
|
whiteSpace: 'nowrap' as 'nowrap',
|
|
padding: '1px 0px 0px 0px',
|
|
},
|
|
topicSelect: {
|
|
float: 'right' as 'right',
|
|
opacity: 0,
|
|
cursor: 'pointer',
|
|
marginTop: '-1px',
|
|
},
|
|
subnodes: {
|
|
marginLeft: theme.spacing(1.5),
|
|
},
|
|
selected: {
|
|
backgroundColor: (theme.palette.type === 'light' ? blueGrey[300] : theme.palette.primary.main) + ' !important',
|
|
},
|
|
hover: {},
|
|
title: {
|
|
borderRadius: '4px',
|
|
lineHeight: '1em',
|
|
display: 'inline-block' as 'inline-block',
|
|
whiteSpace: 'nowrap' as 'nowrap',
|
|
height: '14px',
|
|
padding: '1px 4px 0 4px',
|
|
margin: '1px 0px',
|
|
'&:hover': {
|
|
backgroundColor: theme.palette.type === 'light' ? blueGrey[100] : theme.palette.primary.light,
|
|
},
|
|
},
|
|
}
|
|
}
|