From 5daf14c13345e421a5948def361ee3ab837ed1c0 Mon Sep 17 00:00:00 2001
From: zenn <zenn.message@gmail.com>
Date: Mon, 13 Apr 2026 17:53:47 +0900
Subject: [PATCH] =?UTF-8?q?v0.1.13=20=EC=83=81=EB=8B=A8=20=ED=86=A0?=
 =?UTF-8?q?=EA=B8=80=20=EB=B0=8F=20=EC=A2=8C=EC=B8=A1=20=ED=8C=A8=EB=84=90?=
 =?UTF-8?q?=20=EA=B5=AC=EC=A1=B0=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/built/screen.css        | 116 +++++++++++++++------------------
 package.json                   |   2 +-
 partials/site/sidebar-left.hbs |   6 --
 partials/site/topbar.hbs       |  11 ++--
 4 files changed, 58 insertions(+), 77 deletions(-)

diff --git a/assets/built/screen.css b/assets/built/screen.css
index fbec81d..3467280 100644
--- a/assets/built/screen.css
+++ b/assets/built/screen.css
@@ -125,72 +125,15 @@ input {
     overflow-y: auto;
 }
 
-.sidebar-left__toolbar {
-    display: flex;
-    justify-content: flex-end;
-    padding-top: 12px;
+body.left-sidebar-collapsed .site-shell {
+    width: calc(var(--content-column) + var(--sidebar-right));
+    grid-template-columns: minmax(0, var(--content-column)) var(--sidebar-right);
 }
 
-.sidebar-left__toggle {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 28px;
-    height: 28px;
-    border: 0;
-    background: transparent;
-    color: var(--text-dim);
-    cursor: pointer;
-    border-radius: 8px;
-}
-
-.sidebar-left__toggle:hover {
-    background: var(--surface-muted);
-}
-
-.sidebar-left__toggle-icon {
-    width: 18px;
-    height: 18px;
-}
-
-.sidebar-left__toggle-icon--close {
+body.left-sidebar-collapsed .sidebar--left {
     display: none;
 }
 
-body.left-sidebar-collapsed .site-shell,
-body.left-sidebar-collapsed .topbar {
-    grid-template-columns: 56px minmax(0, var(--content-column)) var(--sidebar-right);
-}
-
-body.left-sidebar-collapsed .sidebar-left__toggle-icon--open {
-    display: none;
-}
-
-body.left-sidebar-collapsed .sidebar-left__toggle-icon--close {
-    display: block;
-}
-
-body.left-sidebar-collapsed .sidebar--left .menu-link__label,
-body.left-sidebar-collapsed .sidebar--left .menu-group__content,
-body.left-sidebar-collapsed .sidebar--left .sidebar-card,
-body.left-sidebar-collapsed .sidebar--left .sidebar-footer {
-    opacity: 0;
-    pointer-events: none;
-}
-
-body.left-sidebar-collapsed .sidebar--left .menu-group__trigger {
-    justify-content: center;
-    padding-inline: 0;
-}
-
-body.left-sidebar-collapsed .sidebar--left .menu-group__chevron {
-    display: none;
-}
-
-body.left-sidebar-collapsed .sidebar--left .menu-link {
-    justify-content: center;
-}
-
 .sidebar__inner--right {
     display: flex;
     flex-direction: column;
@@ -525,6 +468,51 @@ body.left-sidebar-collapsed .sidebar--left .menu-link {
     height: 100%;
     display: flex;
     align-items: center;
+    gap: 12px;
+}
+
+.topbar__sidebar-toggle {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 28px;
+    height: 28px;
+    border: 0;
+    background: transparent;
+    color: var(--text-dim);
+    cursor: pointer;
+    border-radius: 8px;
+    padding: 0;
+}
+
+.topbar__sidebar-toggle:hover {
+    background: var(--surface-muted);
+}
+
+.topbar__sidebar-toggle-icon {
+    width: 18px;
+    height: 18px;
+    display: block;
+}
+
+.topbar__sidebar-toggle-icon--close {
+    display: none;
+}
+
+body.left-sidebar-collapsed .topbar__sidebar-toggle-icon--open {
+    display: block;
+}
+
+body.left-sidebar-collapsed .topbar__sidebar-toggle-icon--close {
+    display: none;
+}
+
+body:not(.left-sidebar-collapsed) .topbar__sidebar-toggle-icon--open {
+    display: none;
+}
+
+body:not(.left-sidebar-collapsed) .topbar__sidebar-toggle-icon--close {
+    display: block;
 }
 
 .topbar__search {
@@ -1377,9 +1365,9 @@ body.left-sidebar-collapsed .sidebar--left .menu-link {
         border-right: 0;
     }
 
-    body.left-sidebar-collapsed .site-shell,
-    body.left-sidebar-collapsed .topbar {
-        grid-template-columns: 56px minmax(0, 1fr);
+    body.left-sidebar-collapsed .site-shell {
+        width: min(100%, var(--content-column));
+        grid-template-columns: minmax(0, 1fr);
     }
 
     .sidebar--right {
diff --git a/package.json b/package.json
index 8b12cc2..54ef487 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ghost-theme-thred-clone",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "private": true,
   "description": "A Ghost theme inspired by the Thred reference layout.",
   "keywords": [
diff --git a/partials/site/sidebar-left.hbs b/partials/site/sidebar-left.hbs
index 167de9a..7c9d365 100644
--- a/partials/site/sidebar-left.hbs
+++ b/partials/site/sidebar-left.hbs
@@ -1,11 +1,5 @@
 <aside class="sidebar sidebar--left">
     <div class="sidebar__inner">
-        <div class="sidebar-left__toolbar">
-            <button class="sidebar-left__toggle" type="button" data-left-sidebar-toggle aria-expanded="true" aria-label="Collapse left sidebar">
-                <img class="sidebar-left__toggle-icon sidebar-left__toggle-icon--open" src="{{asset "icons/left_panel_open.svg"}}" alt="">
-                <img class="sidebar-left__toggle-icon sidebar-left__toggle-icon--close" src="{{asset "icons/left_panel_close.svg"}}" alt="">
-            </button>
-        </div>
         <nav class="menu-groups">
             <section class="menu-group is-open">
                 <button class="menu-group__trigger" type="button" data-accordion aria-expanded="true">
diff --git a/partials/site/topbar.hbs b/partials/site/topbar.hbs
index 84001eb..92a665f 100644
--- a/partials/site/topbar.hbs
+++ b/partials/site/topbar.hbs
@@ -1,12 +1,11 @@
 <header class="topbar">
     <div class="topbar__brand">
+        <button class="topbar__sidebar-toggle" type="button" data-left-sidebar-toggle aria-expanded="true" aria-label="Toggle left sidebar">
+            <img class="topbar__sidebar-toggle-icon topbar__sidebar-toggle-icon--open" src="{{asset "icons/left_panel_open.svg"}}" alt="">
+            <img class="topbar__sidebar-toggle-icon topbar__sidebar-toggle-icon--close" src="{{asset "icons/left_panel_close.svg"}}" alt="">
+        </button>
         <a class="brand brand--topbar" href="{{@site.url}}">
-            {{#if @site.logo}}
-                <img class="brand__logo" src="{{@site.logo}}" alt="{{@site.title}}">
-            {{else}}
-                <span class="brand__mark"></span>
-                <span class="brand__name">{{@site.title}}</span>
-            {{/if}}
+            <span class="brand__name">{{@site.title}}</span>
         </a>
     </div>
     <div class="topbar__search">