davidl/tolaria
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add whiteboard fullscreen workspace

Browse Source
This commit is contained in:
lucaronin
2026-06-05 20:01:55 +02:00
parent 12a229e604
commit 95bdbc90c7
24 changed files with 221 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/components/EditorTheme.css
View File

@@ -423,6 +423,21 @@
user-select: none;
}
body.tldraw-whiteboard-fullscreen-open {
overflow: hidden;
}
.editor__blocknote-container .tldraw-whiteboard.tldraw-whiteboard--fullscreen {
position: fixed;
inset: 8px;
z-index: 1200;
width: auto;
max-width: none;
height: auto;
border-radius: 10px;
box-shadow: 0 18px 60px rgb(0 0 0 / 24%);
}
.editor__blocknote-container .tldraw-whiteboard .tl-container {
--color-background: var(--card);
--tl-layer-menu-click-capture: 25;
@@ -434,6 +449,20 @@
--tl-layer-following-indicator: 80;
}
.editor__blocknote-container .tldraw-whiteboard__fullscreen-button {
position: absolute;
top: 8px;
right: 8px;
z-index: 90;
background: var(--background);
box-shadow: 0 2px 8px rgb(0 0 0 / 12%);
}
.editor__blocknote-container .tldraw-whiteboard--fullscreen .tldraw-whiteboard__fullscreen-button {
top: 12px;
right: 12px;
}
.editor__blocknote-container .tldraw-whiteboard [data-radix-popper-content-wrapper] {
position: absolute !important;
}
@@ -451,6 +480,10 @@
touch-action: none;
}
.editor__blocknote-container .tldraw-whiteboard--fullscreen .tldraw-whiteboard__resize-handle {
display: none;
}
.editor__blocknote-container .tldraw-whiteboard__resize-handle--width {
top: 0;
right: 0;