abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-07 09:25:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: added hover event to overline + removed context menu (#393)

Browse Source
This commit is contained in:
Steveplays
2021-11-12 21:20:50 +01:00
committed by GitHub
parent 223eb9d0f9
commit 0248d01028
3 changed files with 15 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/ui/Overline.tsx
View File

@@ -5,6 +5,7 @@ import { Text } from "preact-i18n";
import { Children } from "../../types/Preact";
type Props = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children" | "as"> & {
hoverEnabled?: boolean;
error?: string;
block?: boolean;
spaced?: boolean;
@@ -15,6 +16,18 @@ type Props = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children" | "as"> & {
const OverlineBase = styled.div<Omit<Props, "children" | "error">>`
display: inline;
transition: 0.2s ease filter;
${(props) =>
props.hoverEnabled &&
css`
&:hover {
filter: brightness(1.2);
cursor: pointer;
transition: 0.2s ease filter;
}
`}
${(props) =>
!props.noMargin &&