Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save eoureo/f22809d10c821d21ce4802192836aabb to your computer and use it in GitHub Desktop.
Save eoureo/f22809d10c821d21ce4802192836aabb to your computer and use it in GitHub Desktop.
Obsidian Full-width lines: Disable "Readable line length" on specific pages only. (Default and Minimal Theme) 옵시디언 노트 글 너비 100% 만들기: 읽기 쉬운 행 길이(Readable line length)을 사용하는 경우 특정한 페이지만 그 설정을 사용하지 않도록 하여 줄 너비를 늘린다.(기본과 미니멀 테마 둘 다에 적용)
/*
1. 노트의 frontmatter에 추가 (Add to the Frontmatter of the notes you want)
cssclass: width-100
2. "Settings > Appearance > CSS Snippets"에 설정 (Set to "Settings > Appearance > CSS Snippets")
my_style.css에 추가 (Add to my_style.css)
*/
.view-content > .width-100.markdown-source-view.mod-cm6 > .cm-editor > .cm-scroller {
/* padding: var(--file-margins); */
padding-inline: 30px; /* for Minimal */
}
.width-100.markdown-source-view.mod-cm6.is-readable-line-width .cm-sizer {
--line-width-adaptive: 100%; /* for Minimal */
max-width: inherit;
margin-left: auto;
margin-right: auto;
}
.width-100.markdown-source-view.mod-cm6.is-readable-line-width .cm-content {
max-width: inherit;
}
.width-100.markdown-source-view.mod-cm6.is-readable-line-width .cm-line {
max-width: inherit;
margin-left: auto !important; /* for Minimal */
}
.width-100.markdown-preview-view.is-readable-line-width .markdown-preview-section {
width: inherit;
max-width: inherit;
}
.width-100.markdown-preview-view.is-readable-line-width .markdown-preview-sizer {
--max-width: 100%; /* for Minimal */
max-width: inherit;
margin-left: auto;
margin-right: auto;
}
.width-100.markdown-preview-view.is-readable-line-width .markdown-preview-section > div {
margin-inline: auto;
width: inherit;
}