alex/canvasManagement
1
0
Fork 0
mirror of https://github.com/alexmickelson/canvasManagement.git synced 2026-03-25 23:28:33 -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 ( return (
<html lang="en"> <html lang="en">
<head></head> <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"> <div className="bg-gray-950 h-screen text-slate-300 w-screen sm:p-1">
<MyToaster /> <MyToaster />
<Suspense> <Suspense>

10
src/components/Modal.tsx
View File

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

2
src/components/Tooltip.tsx
View File

@@ -21,7 +21,7 @@ export const Tooltip: React.FC<{
" transition-opacity duration-150 " + " transition-opacity duration-150 " +
" border border-slate-700 shadow-[0px_0px_10px_5px] shadow-slate-500/20 " + " border border-slate-700 shadow-[0px_0px_10px_5px] shadow-slate-500/20 " +
" max-w-sm max-h-64 overflow-hidden " + " 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" role="tooltip"
> >