From b559680f28d5898c6a444e57923af5c8f8e99aa3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jos=C3=A9=20Javier=20Rodr=C3=ADguez=20Zas?= Date: Mon, 10 May 2021 20:42:50 +0200 Subject: [PATCH] remove LinkHoverDisplay's style.css --- desktop-app/app/components/LinkHoverDisplay/index.js | 5 +++-- desktop-app/app/components/LinkHoverDisplay/styles.css | 5 ----- 2 files changed, 3 insertions(+), 7 deletions(-) delete mode 100644 desktop-app/app/components/LinkHoverDisplay/styles.css diff --git a/desktop-app/app/components/LinkHoverDisplay/index.js b/desktop-app/app/components/LinkHoverDisplay/index.js index 29e41795..4e9eb9b4 100644 --- a/desktop-app/app/components/LinkHoverDisplay/index.js +++ b/desktop-app/app/components/LinkHoverDisplay/index.js @@ -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, diff --git a/desktop-app/app/components/LinkHoverDisplay/styles.css b/desktop-app/app/components/LinkHoverDisplay/styles.css deleted file mode 100644 index 6eee2bdf..00000000 --- a/desktop-app/app/components/LinkHoverDisplay/styles.css +++ /dev/null @@ -1,5 +0,0 @@ -.container { - border-top-right-radius: 5px; - box-sizing: border-box; - max-height: 2rem; -}