@youtyan/code-viewer 0.1.46 → 0.1.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@youtyan/code-viewer",
-  "version": "0.1.46",
+  "version": "0.1.48",
   "description": "Local browser-based code and git diff viewer",
   "type": "module",
   "bin": {

package/web/app.js

@@ -16616,6 +16616,8 @@ ${frontmatter.yaml}
       document.body.classList.toggle("gdp-repo-page", STATE.route.screen === "repo");
       document.body.classList.toggle("gdp-help-page", STATE.route.screen === "help");
       document.body.classList.toggle("gdp-history-page", STATE.route.screen === "history");
+      placeSidebarToggle();
+      syncSidebarHeaderHeight();
       const historyPanel = $("#history-panel");
       if (historyPanel)
         historyPanel.hidden = STATE.route.screen !== "history";

package/web/style.css

@@ -3510,12 +3510,27 @@ body.gdp-file-detail-page.gdp-repo-blob-page .sb-view-seg {
 body.gdp-repo-page .sb-filter-wrap,
 body.gdp-file-detail-page.gdp-repo-blob-page .sb-filter-wrap {
   grid-area: filter;
-  position: static;
+  position: relative;
+  /* The base rule is sticky with top: var(--sidebar-head-h); keeping that
+     offset while relative shifts the filter below the .sb-head grid. */
+  top: 0;
   width: 100%;
   margin: 0;
   padding: 6px 0 0;
   border-bottom: 0;
 }
+/* The magnifier glyph offsets assume the default 7px 12px wrap padding;
+   the grid layout drops the horizontal padding, so shift it back in. */
+body.gdp-repo-page .sb-filter-wrap::before,
+body.gdp-file-detail-page.gdp-repo-blob-page .sb-filter-wrap::before {
+  left: 11px;
+  top: 16px;
+}
+body.gdp-repo-page .sb-filter-wrap::after,
+body.gdp-file-detail-page.gdp-repo-blob-page .sb-filter-wrap::after {
+  left: 22px;
+  top: 27px;
+}
 body.gdp-file-detail-page {
   --chrome-h: var(--global-header-h);
 }