From 81676e9daadee7ee415a170a3798b93b771e195f Mon Sep 17 00:00:00 2001 From: meels Date: Tue, 28 Jul 2026 16:18:39 +0200 Subject: [PATCH] fix: restore a side gutter after lifting the width cap 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. --- .obsidian/plugins/webinar-dash/styles.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/.obsidian/plugins/webinar-dash/styles.css b/.obsidian/plugins/webinar-dash/styles.css index 3887f21..16f435c 100644 --- a/.obsidian/plugins/webinar-dash/styles.css +++ b/.obsidian/plugins/webinar-dash/styles.css @@ -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;