admin/WebinarNotes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: restore a side gutter after lifting the width cap

Browse Source 
Lifting the host's readable-line-width cap also removed the centring
that was supplying the note's side margins, so content ran flush to the
pane edge. Add margin-inline:auto and a 24px padding-inline on the
dashboard itself rather than reaching into Obsidian's layout: centred
when the pane exceeds the 1600px cap, and a fixed inset at every width.
This commit is contained in:
meels
2026-07-28 16:18:39 +02:00
parent 70b9e2a44f
commit 81676e9daa
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
.obsidian/plugins/webinar-dash/styles.css vendored
View File

@@ -32,6 +32,13 @@
rows get hard to track across. Cap the whole dashboard, not just the
grid, so the toolbar stays flush with the panes below it. */
max-width: 1600px;
/* Lifting the host's readable-line-width cap also removes the centring that
was providing the note's side margins, so the content ran flush to the
pane edge. Restore a gutter on our own element rather than reaching into
Obsidian's: centred when the pane is wider than the cap, and a fixed
24px inset (the tesanti gutter) at every width including narrow panes. */
margin-inline: auto;
padding-inline: 24px;
/* Makes this element the reference for the @container query further down,
so the grid collapses on the pane's width rather than the window's. */
container-type: inline-size;