diff --git a/client/src/components/Header/Header.jsx b/client/src/components/Header/Header.jsx index 54a8567..42d57c2 100755 --- a/client/src/components/Header/Header.jsx +++ b/client/src/components/Header/Header.jsx @@ -2,7 +2,7 @@ import React, { useCallback } from 'react'; import PropTypes from 'prop-types'; import classNames from 'classnames'; import { Link } from 'react-router-dom'; -import { Icon, Menu } from 'semantic-ui-react'; +import { Button, Icon, Menu } from 'semantic-ui-react'; import { usePopup } from '../../lib/popup'; import Paths from '../../constants/Paths'; @@ -61,9 +61,14 @@ const Header = React.memo( canEditProject && styles.itemHoverable, styles.title, )} - onClick={handleProjectSettingsClick} > {project.name} + )} diff --git a/client/src/components/Header/Header.module.scss b/client/src/components/Header/Header.module.scss index 48224d0..f8f3504 100644 --- a/client/src/components/Header/Header.module.scss +++ b/client/src/components/Header/Header.module.scss @@ -11,6 +11,10 @@ &:hover { background: transparent; color: rgba(255, 255, 255, 0.9); + + .target { + opacity: 1; + } } } @@ -71,4 +75,26 @@ display: flex; flex: 0 0 auto; } + + .actionsButton { + background: none; + box-shadow: none; + border-radius: 3px; + box-sizing: content-box; + color: #fff; + display: inline-block; + text-align: center; + margin: 0; + min-height: auto; + opacity: 0; + outline: none; + padding: 4px; + transition: background 85ms ease; + width: 20px; + margin-left: 12px; + + &:hover { + background: rgba(255, 255, 255, 0.08); + } + } }