jeffemmett
/
rspace-online
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(rpubs): correct editor height to match shell layout (92px offset) 

The editor used calc(100vh - 52px) but the shell has a 56px header +
36px tab row = 92px total. This pushed "Generate Preview" below the
fold. Also adds min-height on flipbook preview container.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-03-21 15:27:58 -07:00
parent ca9e91651c
commit 8ba805f3fa
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
modules/rpubs/components/folk-pubs-editor.ts
View File

@ -782,7 +782,7 @@ export class FolkPubsEditor extends HTMLElement {
return `<style>
:host {
display: block;
height: calc(100vh - 52px);
height: calc(100vh - 92px);
background: var(--rs-bg-page);
color: var(--rs-text-primary);
}
@ -1114,7 +1114,7 @@ export class FolkPubsEditor extends HTMLElement {
align-items: center;
justify-content: center;
padding: 1rem;
min-height: 0;
min-height: 300px;
overflow: auto;
}
@ -1182,8 +1182,8 @@ export class FolkPubsEditor extends HTMLElement {
/* ── Responsive ── */
@media (max-width: 768px) {
:host { height: auto; min-height: calc(100vh - 92px); }
@media (max-width: 640px) {
:host { height: auto; min-height: calc(100vh - 56px); }
.editor-toolbar { gap: 0.5rem; }
.toolbar-left { flex-direction: column; gap: 0.375rem; }
.title-input, .author-input { max-width: 100%; flex: 1; }