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 rows get hard to track across. Cap the whole dashboard, not just the
grid, so the toolbar stays flush with the panes below it. */ grid, so the toolbar stays flush with the panes below it. */
max-width: 1600px; 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, /* 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. */ so the grid collapses on the pane's width rather than the window's. */
container-type: inline-size; container-type: inline-size;