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

fix(rmaps): remove max-height cap so map fills available space 

Map container was capped at 700px, leaving blank space on most screens.
Removed the cap so calc(100vh - 220px) fills properly. Also matched
sidebar max-height to viewport.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-03-21 19:26:18 -07:00
parent 8b61203e17
commit fcf4202045
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
modules/rmaps/components/folk-map-viewer.ts
View File

@ -2068,7 +2068,7 @@ class FolkMapViewer extends HTMLElement {
.room-name { font-size: 15px; font-weight: 600; } .room-name { font-size: 15px; font-weight: 600; }
.map-container { .map-container {
width: 100%; height: calc(100vh - 220px); min-height: 300px; max-height: 700px; width: 100%; height: calc(100vh - 220px); min-height: 300px;
border-radius: 10px; border-radius: 10px;
background: var(--rs-bg-surface-sunken); border: 1px solid var(--rs-border); background: var(--rs-bg-surface-sunken); border: 1px solid var(--rs-border);
position: relative; overflow: hidden; position: relative; overflow: hidden;
@ -2081,7 +2081,7 @@ class FolkMapViewer extends HTMLElement {
.map-sidebar { .map-sidebar {
width: 220px; flex-shrink: 0; width: 220px; flex-shrink: 0;
background: var(--rs-glass-bg); border: 1px solid var(--rs-border); border-radius: 10px; background: var(--rs-glass-bg); border: 1px solid var(--rs-border); border-radius: 10px;
padding: 12px; max-height: 560px; overflow-y: auto; padding: 12px; max-height: calc(100vh - 280px); overflow-y: auto;
} }
.sidebar-title { .sidebar-title {
font-size: 11px; font-weight: 600; color: var(--rs-text-secondary); font-size: 11px; font-weight: 600; color: var(--rs-text-secondary);