Skip to content

Commit 0ae6de3

Browse files
committed
fix(pdf-server): drop --safe-top from fullscreen toolbar padding
Hosts wrap fullscreen in their own header (title + close), which already clears the top safe-area. Adding --safe-top to our toolbar padding-top double-dipped, leaving a visible gap between the host header and our toolbar. Keep --safe-left/right (host header doesn't cover the sides).
1 parent 085bb9c commit 0ae6de3

1 file changed

Lines changed: 7 additions & 8 deletions

File tree

examples/pdf-server/src/mcp-app.css

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -314,20 +314,19 @@ body {
314314
}
315315

316316
.main.fullscreen .toolbar {
317-
padding-top: calc(0.25rem + var(--safe-top, 0px));
318-
padding-bottom: 0.25rem;
319-
padding-left: calc(0.5rem + var(--safe-left, 0px));
320-
padding-right: calc(0.5rem + var(--safe-right, 0px));
321-
min-height: calc(40px + var(--safe-top, 0px));
317+
/* Hosts wrap fullscreen in their own header (title + close), which already
318+
* clears the top safe-area — so no --safe-top here, only sides. */
319+
padding: 0.25rem calc(0.5rem + var(--safe-right, 0px)) 0.25rem
320+
calc(0.5rem + var(--safe-left, 0px));
321+
min-height: 40px;
322322
/* Inline can wrap (narrow chat bubble); fullscreen has the width, and
323323
* wrapping would double the bar height + desync the search-bar offset. */
324324
flex-wrap: nowrap;
325325
}
326326

327327
.main.fullscreen .search-bar {
328-
/* Track the toolbar's actual height (safe-area grows it). -1px overlaps
329-
* the toolbar border so the dropdown looks attached. */
330-
top: calc(40px + var(--safe-top, 0px) - 1px);
328+
/* -1px overlaps the toolbar border so the dropdown looks attached. */
329+
top: 39px;
331330
right: calc(var(--safe-right, 0px) - 1px);
332331
}
333332

0 commit comments

Comments
 (0)