Cardoza_Construction/TasGrid
3
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

note specific navigation lock for embeding

Browse Source
This commit is contained in:
Timothy Cardoza
2026-02-27 14:04:35 -06:00
parent b59e2c2187
commit 1a497a98e8
3 changed files with 17 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/NotepadView.tsx
+16 -11
View File
@@ -13,6 +13,7 @@ import { NotesSidebar } from "@/components/NotesSidebar";
export const NotepadView: Component<{
selectedNoteId: string | null;
setSelectedNoteId: (id: string | null) => void;
hideNavigation?: boolean;
}> = (props) => {
const [isLinking, setIsLinking] = createSignal(false);
const [linkSearchQuery, setLinkSearchQuery] = createSignal("");
@@ -131,12 +132,14 @@ export const NotepadView: Component<{
return (
<div class="flex flex-col md:flex-row h-full bg-background md:bg-card md:border md:border-border md:rounded-xl md:shadow-sm overflow-hidden relative">
{/* Mobile Notes List */}
<div class={cn(
"md:hidden absolute inset-0 z-10 bg-card overflow-hidden flex flex-col h-full transition-all duration-200 ease-out",
props.selectedNoteId ? "opacity-0 pointer-events-none -translate-x-8" : "opacity-100 translate-x-0"
)}>
<NotesSidebar selectedNoteId={props.selectedNoteId} setSelectedNoteId={props.setSelectedNoteId} />
</div>
<Show when={!props.hideNavigation}>
<div class={cn(
"md:hidden absolute inset-0 z-10 bg-card overflow-hidden flex flex-col h-full transition-all duration-200 ease-out",
props.selectedNoteId ? "opacity-0 pointer-events-none -translate-x-8" : "opacity-100 translate-x-0"
)}>
<NotesSidebar selectedNoteId={props.selectedNoteId} setSelectedNoteId={props.setSelectedNoteId} />
</div>
</Show>
{/* Note Editor (Main Panel) */}
<div class={cn(
@@ -156,11 +159,13 @@ export const NotepadView: Component<{
{/* Editor Area */}
<div class="flex-none md:flex-1 flex flex-col min-w-0 md:h-full overflow-visible md:overflow-y-auto relative p-4 md:p-6 space-y-4 md:space-y-6 scroll-smooth">
{/* Mobile Back Button */}
<div class="md:hidden mt-2 md:mt-0 mb-2 md:mb-0">
<Button variant="ghost" size="sm" class="h-8 px-2 text-xs" onClick={() => props.setSelectedNoteId(null)}>
← Back to Notes
</Button>
</div>
<Show when={!props.hideNavigation}>
<div class="md:hidden mt-2 md:mt-0 mb-2 md:mb-0">
<Button variant="ghost" size="sm" class="h-8 px-2 text-xs" onClick={() => props.setSelectedNoteId(null)}>
← Back to Notes
</Button>
</div>
</Show>
<div class="space-y-4">
<div class="flex items-start justify-between gap-4">
<input