alex/canvasManagement
1
0
Fork 0
mirror of https://github.com/alexmickelson/canvasManagement.git synced 2026-03-25 15:18:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

tooltip scrolling fixed

Browse Source
This commit is contained in:
Alex Mickelson
2026-01-12 12:04:33 -07:00
parent b6a84f2fbc
commit 558eb74fbc
3 changed files with 5 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/layout.tsx
View File

@@ -20,7 +20,7 @@ export default async function RootLayout({
return (
<html lang="en">
<head></head>
<body className="flex justify-center" suppressHydrationWarning>
<body className="flex justify-center h-screen" suppressHydrationWarning>
<div className="bg-gray-950 h-screen text-slate-300 w-screen sm:p-1">
<MyToaster />
<Suspense>

10
src/components/Modal.tsx
View File

@@ -50,18 +50,14 @@ export default function Modal({
<div
className={
" fixed inset-0 flex items-center justify-center transition-all duration-400 h-screen w-screen " +
" bg-black" +
(modalControl.isOpen
? " bg-opacity-50 z-50 "
: " bg-opacity-0 -z-50 ")
modalControl.isOpen
? "transition-all duration-400 fixed inset-0 flex items-center justify-center h-screen bg-black/80 z-50 w-screen"
: "hidden h-0 w-0 p-1 -z-50"
}
onClick={modalControl.closeModal}
// if mouse up here, do not, if mouse down then still do
>
<div
onClick={(e) => {
// e.preventDefault();
e.stopPropagation();
}}
className={

2
src/components/Tooltip.tsx
View File

@@ -21,7 +21,7 @@ export const Tooltip: React.FC<{
" transition-opacity duration-150 " +
" border border-slate-700 shadow-[0px_0px_10px_5px] shadow-slate-500/20 " +
" max-w-sm max-h-64 overflow-hidden " +
(visible ? " opacity-100 " : " opacity-0 pointer-events-none ")
(visible ? " opacity-100 " : " opacity-0 pointer-events-none hidden ")
}
role="tooltip"
>