mirror of
https://github.com/blakeblackshear/frigate.git
synced 2024-11-21 19:07:46 +01:00
non-modal dropdown menus (#11649)
This commit is contained in:
parent
1c2e2a7b38
commit
9cb3e11df6
@ -468,7 +468,7 @@ export function CameraGroupRow({
|
|||||||
|
|
||||||
{isMobile && (
|
{isMobile && (
|
||||||
<>
|
<>
|
||||||
<DropdownMenu>
|
<DropdownMenu modal={false}>
|
||||||
<DropdownMenuTrigger>
|
<DropdownMenuTrigger>
|
||||||
<HiOutlineDotsVertical className="size-5" />
|
<HiOutlineDotsVertical className="size-5" />
|
||||||
</DropdownMenuTrigger>
|
</DropdownMenuTrigger>
|
||||||
|
@ -365,6 +365,7 @@ export function CamerasFilterButton({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<DropdownMenu
|
<DropdownMenu
|
||||||
|
modal={false}
|
||||||
open={open}
|
open={open}
|
||||||
onOpenChange={(open) => {
|
onOpenChange={(open) => {
|
||||||
if (!open) {
|
if (!open) {
|
||||||
|
@ -34,7 +34,7 @@ export default function AccountSettings({ className }: AccountSettingsProps) {
|
|||||||
const MenuItem = isDesktop ? DropdownMenuItem : DialogClose;
|
const MenuItem = isDesktop ? DropdownMenuItem : DialogClose;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Container>
|
<Container modal={!isDesktop}>
|
||||||
<Trigger>
|
<Trigger>
|
||||||
<Tooltip>
|
<Tooltip>
|
||||||
<TooltipTrigger asChild>
|
<TooltipTrigger asChild>
|
||||||
|
@ -114,7 +114,7 @@ export default function GeneralSettings({ className }: GeneralSettingsProps) {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Container>
|
<Container modal={!isDesktop}>
|
||||||
<Trigger>
|
<Trigger>
|
||||||
<Tooltip>
|
<Tooltip>
|
||||||
<TooltipTrigger asChild>
|
<TooltipTrigger asChild>
|
||||||
|
@ -230,6 +230,7 @@ export default function VideoControls({
|
|||||||
)}
|
)}
|
||||||
{features.playbackRate && (
|
{features.playbackRate && (
|
||||||
<DropdownMenu
|
<DropdownMenu
|
||||||
|
modal={false}
|
||||||
onOpenChange={(open) => {
|
onOpenChange={(open) => {
|
||||||
if (setControlsOpen) {
|
if (setControlsOpen) {
|
||||||
setControlsOpen(open);
|
setControlsOpen(open);
|
||||||
|
@ -266,7 +266,7 @@ export default function PolygonItem({
|
|||||||
|
|
||||||
{isMobile && (
|
{isMobile && (
|
||||||
<>
|
<>
|
||||||
<DropdownMenu>
|
<DropdownMenu modal={false}>
|
||||||
<DropdownMenuTrigger>
|
<DropdownMenuTrigger>
|
||||||
<HiOutlineDotsVertical className="size-5" />
|
<HiOutlineDotsVertical className="size-5" />
|
||||||
</DropdownMenuTrigger>
|
</DropdownMenuTrigger>
|
||||||
|
@ -284,6 +284,7 @@ function CameraSelectButton({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<DropdownMenu
|
<DropdownMenu
|
||||||
|
modal={false}
|
||||||
open={open}
|
open={open}
|
||||||
onOpenChange={(open: boolean) => {
|
onOpenChange={(open: boolean) => {
|
||||||
if (!open) {
|
if (!open) {
|
||||||
|
@ -583,7 +583,7 @@ function PtzControlPanel({
|
|||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
{(ptz?.presets?.length ?? 0) > 0 && (
|
{(ptz?.presets?.length ?? 0) > 0 && (
|
||||||
<DropdownMenu>
|
<DropdownMenu modal={false}>
|
||||||
<DropdownMenuTrigger asChild>
|
<DropdownMenuTrigger asChild>
|
||||||
<Button>
|
<Button>
|
||||||
<BsThreeDotsVertical />
|
<BsThreeDotsVertical />
|
||||||
|
Loading…
Reference in New Issue
Block a user