remove LinkHoverDisplay's style.css

This commit is contained in:
José Javier Rodríguez Zas 2021-05-10 20:42:50 +02:00 committed by Manoj Vivek
parent 7e101cc359
commit b559680f28
2 changed files with 3 additions and 7 deletions

View file

@ -2,7 +2,6 @@ import PropTypes from 'prop-types';
import {makeStyles} from '@material-ui/core/styles';
import React from 'react';
import cx from 'classnames';
import styles from './styles.css';
const LinkHoverDisplay = ({visible, url = ''}) => {
const componentStyles = useStyles();
@ -10,7 +9,7 @@ const LinkHoverDisplay = ({visible, url = ''}) => {
const activeClasses = React.useMemo(() => {
const classes = {[componentStyles.container]: true};
classes[componentStyles.show] = visible;
return cx(classes, styles.container);
return cx(classes);
}, [visible]);
return (
@ -42,6 +41,8 @@ const useStyles = makeStyles(theme => ({
transitionTimingFunction: theme.transitions.easing.easeInOut,
backgroundColor: theme.palette.background.l2,
border: `1px solid ${theme.palette.background.l0}`,
boxSizing: 'border-box',
maxHeight: '2rem',
},
show: {
opacity: 1,

View file

@ -1,5 +0,0 @@
.container {
border-top-right-radius: 5px;
box-sizing: border-box;
max-height: 2rem;
}