v0.1.43 theme: 관련글 우선순위 및 레이아웃 UI 보정

Made-with: Cursor

assets/built/screen.css

@@ -126,6 +126,31 @@ menu {
     min-width: 0;
 }
 
+body.tag-hash-ld .sidebar--left,
+body.tag-hash-ld .sidebar--right {
+    display: none;
+}
+
+body.tag-hash-ld .topbar {
+    display: none;
+}
+
+body.tag-hash-ld .site-shell {
+    display: block;
+    width: 100%;
+    max-width: 720px;
+    min-height: 0;
+}
+
+body.tag-hash-ld .site-main {
+    width: 100%;
+    max-width: 100%;
+}
+
+body.tag-hash-ld .post-header {
+    display: none;
+}
+
 .sidebar {
     border-right: 1px solid var(--border);
     background: var(--bg);
@@ -661,22 +686,23 @@ body.left-sidebar-collapsed .sidebar--left .sidebar__inner {
     height: 28px;
     border: 0;
     background: transparent;
-    color: var(--text-dim);
+    color: var(--text);
     cursor: pointer;
     border-radius: 8px;
     padding: 0;
 }
 
-.topbar__sidebar-toggle:hover {
-    background: var(--surface-muted);
-}
-
 .topbar__sidebar-toggle-icon {
     width: 24px;
     height: 24px;
     display: block;
 }
 
+.topbar__sidebar-toggle-icon--open-hover,
+.topbar__sidebar-toggle-icon--close-hover {
+    display: none;
+}
+
 .topbar__sidebar-toggle-icon--close {
     display: none;
 }
@@ -689,6 +715,14 @@ body.left-sidebar-collapsed .topbar__sidebar-toggle-icon--close {
     display: none;
 }
 
+body.left-sidebar-collapsed .topbar__sidebar-toggle:hover .topbar__sidebar-toggle-icon--open {
+    display: none;
+}
+
+body.left-sidebar-collapsed .topbar__sidebar-toggle:hover .topbar__sidebar-toggle-icon--open-hover {
+    display: block;
+}
+
 body:not(.left-sidebar-collapsed) .topbar__sidebar-toggle-icon--open {
     display: none;
 }
@@ -697,6 +731,14 @@ body:not(.left-sidebar-collapsed) .topbar__sidebar-toggle-icon--close {
     display: block;
 }
 
+body:not(.left-sidebar-collapsed) .topbar__sidebar-toggle:hover .topbar__sidebar-toggle-icon--close {
+    display: none;
+}
+
+body:not(.left-sidebar-collapsed) .topbar__sidebar-toggle:hover .topbar__sidebar-toggle-icon--close-hover {
+    display: block;
+}
+
 .topbar__search {
     display: flex;
     justify-content: center;

assets/built/theme.js

@@ -275,6 +275,7 @@
         if (userThemeTrack) {
             userThemeTrack.classList.toggle("bg-accent", isDark);
             userThemeTrack.classList.toggle("bg-brd", !isDark);
+            userThemeTrack.style.backgroundColor = isDark ? "var(--accent)" : "var(--border)";
         }
         if (userThemeThumb) {
             userThemeThumb.classList.toggle("translate-x-3.5", isDark);
@@ -284,6 +285,7 @@
         if (userMenuTrack) {
             userMenuTrack.classList.toggle("bg-accent", menuOpen);
             userMenuTrack.classList.toggle("bg-brd", !menuOpen);
+            userMenuTrack.style.backgroundColor = menuOpen ? "var(--accent)" : "var(--border)";
         }
         if (userMenuThumb) {
             userMenuThumb.classList.toggle("translate-x-3.5", menuOpen);
@@ -487,6 +489,53 @@
         initializeLoadMore(rootNode);
     });
 
+    function initializeCategoryPriority() {
+        document.querySelectorAll("[data-category-priority-list]").forEach(function (list) {
+            var items = Array.prototype.slice.call(list.querySelectorAll("[data-category-priority-item]"));
+            var priorityOrder = (list.dataset.categoryPriorityOrder || "")
+                .split(",")
+                .map(function (slug) {
+                    return slug.trim();
+                })
+                .filter(Boolean);
+            var limit = Number(list.dataset.categoryPriorityLimit || items.length);
+
+            if (!items.length) {
+                return;
+            }
+
+            items.sort(function (leftItem, rightItem) {
+                var leftSlug = leftItem.dataset.categorySlug || "";
+                var rightSlug = rightItem.dataset.categorySlug || "";
+                var leftIndex = priorityOrder.indexOf(leftSlug);
+                var rightIndex = priorityOrder.indexOf(rightSlug);
+                var leftPinned = leftIndex !== -1;
+                var rightPinned = rightIndex !== -1;
+
+                if (leftPinned && rightPinned) {
+                    return leftIndex - rightIndex;
+                }
+
+                if (leftPinned) {
+                    return -1;
+                }
+
+                if (rightPinned) {
+                    return 1;
+                }
+
+                return 0;
+            });
+
+            items.forEach(function (item, index) {
+                list.appendChild(item);
+                item.hidden = index >= limit;
+            });
+        });
+    }
+
+    initializeCategoryPriority();
+
     document.querySelectorAll("[data-featured-slider]").forEach(function (sliderRoot) {
         var track = sliderRoot.querySelector("[data-featured-track]");
         var prev = sliderRoot.querySelector("[data-featured-prev]");