make whole page element scrollable
Some checks failed
continuous-integration/drone/pr Build is failing
Some checks failed
continuous-integration/drone/pr Build is failing
This commit is contained in:
parent
1af8316453
commit
de524b50fc
@ -14,7 +14,7 @@ export function LogoHeader() {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const handleLogoClick = () => {
|
const handleLogoClick = () => {
|
||||||
window.scrollTo({ top: 0 });
|
window.scrollTo({ top: 0, behavior: "instant" });
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
@ -47,7 +47,7 @@ export default function Index() {
|
|||||||
const handleKeyboardShortcut = useCallback(event => {
|
const handleKeyboardShortcut = useCallback(event => {
|
||||||
if (event.target && !isFormElement(event.target as HTMLElement)) {
|
if (event.target && !isFormElement(event.target as HTMLElement)) {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
window.scrollTo({ top: 0, behavior: "smooth" });
|
window.scrollTo({ top: 0, behavior: "instant" });
|
||||||
}
|
}
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
@ -56,15 +56,15 @@ export default function Index() {
|
|||||||
const isStalker = !!stalker;
|
const isStalker = !!stalker;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="h-screen flex justify-center">
|
<div className="flex justify-center">
|
||||||
<div className={`${pageClass} w-full max-w-screen-xl overflow-x-hidden`}>
|
<div className={`${pageClass} w-full max-w-screen-xl`}>
|
||||||
{!shouldHideHeader && <Header />}
|
{!shouldHideHeader && <Header />}
|
||||||
<div className="flex flex-row w-full">
|
<div className="flex flex-row w-full">
|
||||||
<NavSidebar className="w-1/4 flex-shrink-0" />
|
<NavSidebar />
|
||||||
<div className="flex flex-1 flex-col overflow-x-hidden">
|
<div className="flex flex-1 flex-col overflow-x-hidden">
|
||||||
<Outlet />
|
<Outlet />
|
||||||
</div>
|
</div>
|
||||||
<RightColumn className="w-1/4 flex-shrink-0" />
|
<RightColumn />
|
||||||
</div>
|
</div>
|
||||||
<div className="md:hidden">
|
<div className="md:hidden">
|
||||||
<NoteCreatorButton className="note-create-button" />
|
<NoteCreatorButton className="note-create-button" />
|
||||||
|
@ -132,10 +132,6 @@ a.ext {
|
|||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
#root {
|
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.b {
|
.b {
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user