watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-08 14:47:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Fixed issue with hover tooltips.

Browse source
This commit is contained in:
Mike Cao 2023-06-15 20:15:31 -07:00
parent 2b13002f1b
commit ab0838e272
20 changed files with 50 additions and 91 deletions
Download patch file Download diff file Expand all files Collapse all files

3
components/input/LanguageButton.js
View file

@ -9,7 +9,8 @@ export function LanguageButton() {
const { locale, saveLocale, dir } = useLocale();
const items = Object.keys(languages).map(key => ({ ...languages[key], value: key }));
function handleSelect(value, close) {
function handleSelect(value, close, e) {
e.stopPropagation();
saveLocale(value);
close();
}

2
components/input/LanguageButton.module.css
View file

@ -1,7 +1,7 @@
.menu {
display: flex;
flex-flow: row wrap;
max-width: 640px;
min-width: 640px;
padding: 10px;
background: var(--base50);
z-index: var(--z-index-popup);

6
components/input/LogoutButton.js
View file

@ -1,4 +1,4 @@
import { Button, Icon, Icons, Tooltip } from 'react-basics';
import { Button, Icon, Icons, TooltipPopup } from 'react-basics';
import Link from 'next/link';
import useMessages from 'hooks/useMessages';
@ -6,13 +6,13 @@ export function LogoutButton({ tooltipPosition = 'top' }) {
const { formatMessage, labels } = useMessages();
return (
<Link href="/logout">
<Tooltip label={formatMessage(labels.logout)} position={tooltipPosition}>
<TooltipPopup label={formatMessage(labels.logout)} position={tooltipPosition}>
<Button variant="quiet">
<Icon>
<Icons.Logout />
</Icon>
</Button>
</Tooltip>
</TooltipPopup>
</Link>
);
}

6
components/input/RefreshButton.js
View file

@ -1,4 +1,4 @@
import { LoadingButton, Icon, Tooltip } from 'react-basics';
import { LoadingButton, Icon, TooltipPopup } from 'react-basics';
import { setWebsiteDateRange } from 'store/websites';
import useDateRange from 'hooks/useDateRange';
import Icons from 'components/icons';
@ -19,13 +19,13 @@ export function RefreshButton({ websiteId, isLoading }) {
}
return (
<Tooltip label={formatMessage(labels.refresh)}>
<TooltipPopup label={formatMessage(labels.refresh)}>
<LoadingButton loading={isLoading} onClick={handleClick}>
<Icon>
<Icons.Refresh />
</Icon>
</LoadingButton>
</Tooltip>
</TooltipPopup>
);
}