From d608b660e435eef85a2a639083ceb2a8847d760a Mon Sep 17 00:00:00 2001
From: dstoc <539597+dstoc@users.noreply.github.com>
Date: Sun, 20 Oct 2024 20:50:24 +1100
Subject: [PATCH] fix: Sidebar should not resize based on content

---
 src/markdown/style.ts | 6 ++++--
 src/sidebar.ts        | 3 ++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/markdown/style.ts b/src/markdown/style.ts
index d7a8bfe7..0b4f66b7 100644
--- a/src/markdown/style.ts
+++ b/src/markdown/style.ts
@@ -61,7 +61,7 @@ export const styles = [
       text-decoration: line-through;
     }
     md-span[type='code_span'] {
-      white-space: pre;
+      white-space: pre-wrap;
       font-family: monospace;
     }
   `,
@@ -81,7 +81,7 @@ export const styles = [
       margin-block: 0;
 
       display: grid;
-      grid-template-columns: auto 1fr;
+      grid-template-columns: auto minmax(0, 1fr);
       align-items: baseline;
     }
     md-block[type='list-item']::before {
@@ -172,6 +172,8 @@ export const styles = [
     }
     md-block {
       background-color: var(--md-selection-override-bgcolor);
+      display: grid;
+      grid-template-columns: minmax(0, 1fr);
     }
   `,
   // Overridable styles.
diff --git a/src/sidebar.ts b/src/sidebar.ts
index 6423c09a..c65900c2 100644
--- a/src/sidebar.ts
+++ b/src/sidebar.ts
@@ -13,7 +13,8 @@ export class Sidebar extends LitElement {
       grid-template-columns: 5px 1fr;
     }
     :host(:not([collapsed])) {
-      min-width: max(var(--pkm-sidebar-width, min(50dvw, 400px)), 200px);
+      min-width: max(var(--pkm-sidebar-width, 0px), min(50dvw, 400px), 200px);
+      max-width: max(var(--pkm-sidebar-width, 0px), min(50dvw, 400px), 200px);
       background: rgba(255, 255, 255, 0.05);
       box-shadow:
         0 3px 6px rgba(0, 0, 0, 0.16),