jhalitaksoy/mancala
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix hover issue in SwitchThemeMenu

Browse Source
This commit is contained in:
Halit Aksoy 2022-09-03 21:42:48 +03:00
parent 0e09ed4750
commit 1fa0fdf973
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/headerbar/ThemeSwitchMenu.tsx
View File

@ -18,9 +18,15 @@ const ThemeSwitchMenu: FunctionComponent<{ context: Context, textColor: string }
key={index}
style={{ color: textColor }}
//@ts-ignore
onMouseOver={(event) => (event.target.style.background = "transparent")}
onMouseOver={(event) => {
const htmlElement: HTMLElement = event.target as HTMLElement;
if (htmlElement.localName === "li") htmlElement.style.background = "transparent";
}}
//@ts-ignore
onMouseOut={(event) => (event.target.style.background = "transparent")}
onMouseOut={(event) => {
const htmlElement: HTMLElement = event.target as HTMLElement;
if (htmlElement.localName === "li") htmlElement.style.background = "transparent";
}}
onClick={() => (context.themeManager.theme = theme)}>
<div style={{ background: theme.themePreviewColor }} className="theme-color-circle" />
{theme.name}