administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-09 04:35:25 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

use portal for tooltips

Browse Source
This commit is contained in:
Josh Hawkins 2024-02-29 09:15:03 -06:00 committed by Nicolas Mowen
parent cb30450060
commit 46e4004cf6
2 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/components/navigation/NavItem.tsx
View File

@ -6,6 +6,7 @@ import {
TooltipContent,
TooltipTrigger,
} from "@/components/ui/tooltip";
import { TooltipPortal } from "@radix-ui/react-tooltip";
const variants = {
primary: {
@ -54,10 +55,12 @@ export default function NavItem({
<TooltipTrigger>
<Icon className="size-5 md:m-[6px]" />
</TooltipTrigger>
<TooltipPortal>
<TooltipContent side="right">
<p>{title}</p>
</TooltipContent>
</TooltipPortal>
</NavLink>
<TooltipContent side="right">
<p>{title}</p>
</TooltipContent>
</Tooltip>
)
);

17
web/src/components/settings/SettingsNavItems.tsx
View File

@ -58,6 +58,7 @@ import {
TooltipTrigger,
} from "@/components/ui/tooltip";
import ActivityIndicator from "../ui/activity-indicator";
import { TooltipPortal } from "@radix-ui/react-tooltip";
type SettingsNavItemsProps = {
className?: string;
@ -106,9 +107,11 @@ export default function SettingsNavItems({ className }: SettingsNavItemsProps) {
<LuSettings />
</Button>
</TooltipTrigger>
<TooltipContent side="right">
<p>Settings</p>
</TooltipContent>
<TooltipPortal>
<TooltipContent side="right">
<p>Settings</p>
</TooltipContent>
</TooltipPortal>
</Tooltip>
</a>
</DropdownMenuTrigger>
@ -249,9 +252,11 @@ export default function SettingsNavItems({ className }: SettingsNavItemsProps) {
<VscAccount />
</Button>
</TooltipTrigger>
<TooltipContent side="right">
<p>Account</p>
</TooltipContent>
<TooltipPortal>
<TooltipContent side="right">
<p>Account</p>
</TooltipContent>
</TooltipPortal>
</Tooltip>
</div>
{restartDialogOpen && (