From 2a5deb8396cb324c31246c5073e4e6202a29e1d6 Mon Sep 17 00:00:00 2001
From: Mayuran Visakan <mayuran.k.v@gmail.com>
Date: Fri, 7 Jul 2023 13:33:35 +0100
Subject: [PATCH] Fix scrolling in reading mode

---
 .github/TODO.md | 11 ++++++-----
 styles.css      |  4 ++--
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/.github/TODO.md b/.github/TODO.md
index c065307..c751c53 100644
--- a/.github/TODO.md
+++ b/.github/TODO.md
@@ -3,11 +3,12 @@
 ## Important
 
 1. Sort header CSS logic properly - some small issues
-2. Add inline code styling
-3. Add codeblock outline and shadow (see Prism and other theme)
-4. Fix weird live preview scroll
-5. Change name to Code Styler
-6. Publish to obsidian plugins
+2. Add octave color and icon
+3. Add inline code styling
+4. Add codeblock outline and shadow (see Prism and other theme)
+5. Fix weird live preview scroll
+6. Change name to Code Styler
+7. Publish to obsidian plugins
 
 ## Not Urgent
 
diff --git a/styles.css b/styles.css
index 9e478b8..adf5db5 100644
--- a/styles.css
+++ b/styles.css
@@ -316,10 +316,10 @@ pre.codeblock-styler-pre > code > div:only-child > [class^='codeblock-styler-lin
 pre.codeblock-styler-pre [class^='codeblock-styler-line-number'] {
 	white-space: nowrap;
 	width: var(--line-number-margin);
-	flex-shrink: 0;
-	flex-grow: 1;
 	height: 100%;
 	grid-column: 1;
+	position: sticky;
+	left: 0;
 }
 pre.codeblock-styler-pre div:last-child > [class^='codeblock-styler-line-number'] {
 	width: unset;