Skip to content

Instantly share code, notes, and snippets.

@eoureo
Created March 17, 2023 02:59
Show Gist options
  • Save eoureo/fd7f89b5ff1e0f9dc2521b4f7e80aadf to your computer and use it in GitHub Desktop.
Save eoureo/fd7f89b5ff1e0f9dc2521b4f7e80aadf to your computer and use it in GitHub Desktop.
Make the width of the note lines into full-width. (노트 글 너비(width)를 100%로 만들기 (full-width))
/*
1. 노트의 frontmatter에 추가 (Add to the Frontmatter of the notes you want)
cssclass: my_style_width_100
2. "Settings > Appearance > CSS Snippets"에 설정 (Set to "Settings > Appearance > CSS Snippets")
my_style.css에 추가 (Add to my_style.css)
*/
/* Editing View */
.my_style_width_100 .cm-sizer,
.my_style_width_100 .cm-sizer .cm-contentContainer .cm-content,
.my_style_width_100 .cm-sizer .cm-contentContainer .cm-content .cm-line,
/* Reading View */
.my_style_width_100 .markdown-preview-sizer.markdown-preview-section,
.my_style_width_100 .markdown-preview-sizer.markdown-preview-section > div
{
max-width: 100% !important;
width: 100% !important;
margin-left: initial !important;
margin-right: initial !important;
}
@eoureo
Copy link
Author

eoureo commented Mar 17, 2023

Make the width of the note lines into full-width.
Tested in Default and Minimal themes.
Applied "Editing View" and "Reading View" both.

Add to the Frontmatter of the notes you want

cssclass: my_style_width_100

Set to "Settings > Appearance > CSS Snippets"
Add to my_style.css


korean

노트 글 너비(width)를 100%로 만들기 (full-width)
Default와 Minimal 테마에서 테스트 마침.
"편집보기"와 "읽기보기" 둘 다에 적용.

노트의 frontmatter에 추가

cssclass: my_style_width_100

"Settings > Appearance > CSS Snippets"에 설정
my_style.css에 추가

@eoureo
Copy link
Author

eoureo commented Mar 19, 2023

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment