Breitere Notizansicht per CSS-Snippet

Wenn Obsidian auf grossen Bildschirmen sehr schmal und mittig wirkt, kann man die Notizbreite einfach per CSS-Snippet anpassen. Dafür braucht es kein zusätzliches Plugin.

CSS-Snippets liegen in: .obsidian/snippets/

Beispiel: .obsidian/snippets/wide-layout.css

body {
  --file-line-width: 1180px;
  --line-width: 1180px;
}

.markdown-source-view.mod-cm6.is-readable-line-width .cm-content,
.markdown-source-view.mod-cm6.is-readable-line-width .cm-line,
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer,
.markdown-reading-view .markdown-preview-sizer {
  max-width: min(1180px, calc(100vw - 360px));
}

.markdown-preview-view table,
.markdown-source-view.mod-cm6 table {
  width: 100%;
}

.markdown-preview-view table td,
.markdown-preview-view table th {
  vertical-align: top;
}

Aktivieren

In Obsidian:

Einstellungen → Darstellung → CSS-Snippets

Dort den Snippet aktivieren.

In appearance.json:

Alternativ steht es in: .obsidian/appearance.json

{
  "enabledCssSnippets": [
    "wide-layout"
  ]
}

Wichtig: In appearance.json steht der Name ohne .css

Anpassen

Breiter machen:

--file-line-width: 1320px;
--line-width: 1320px;

Schmaler machen:

--file-line-width: 980px;
--line-width: 980px;

Damit wird die Lesefläche breiter, und Tabellen nutzen die verfügbare Breite besser aus.