Skip to content
Snippets Groups Projects
Commit 75ea2ea9 authored by Chris Beer's avatar Chris Beer
Browse files

Add button hover styles to our window sidebar tabs; fixes #2205

parent 896a21d9
No related branches found
No related tags found
No related merge requests found
import { compose } from 'redux';
import { connect } from 'react-redux';
import { withStyles } from '@material-ui/core';
import { fade } from '@material-ui/core/styles/colorManipulator';
import { withTranslation } from 'react-i18next';
import * as actions from '../state/actions';
import {
......@@ -48,10 +49,24 @@ const style = theme => ({
tab: {
minWidth: 'auto',
borderRight: '4px solid transparent',
'&:hover': {
textDecoration: 'none',
backgroundColor: fade(theme.palette.text.primary, theme.palette.action.hoverOpacity),
// Reset on touch devices, it doesn't add specificity
'@media (hover: none)': {
backgroundColor: 'transparent',
},
'&$disabled': {
backgroundColor: 'transparent',
},
},
},
tabSelected: {
backgroundColor: theme.palette.secondary.light,
borderRight: `4px solid ${theme.palette.secondary.main}`,
'&:hover': {
backgroundColor: theme.palette.secondary.light,
},
},
});
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment