idcmd 0.0.12 → 0.0.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "idcmd",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "repository": {
     "type": "git",
     "url": "https://github.com/rustydotwtf/idcmd"

package/src/render/layout.tsx

@@ -107,57 +107,6 @@ const Sidebar = ({
   </aside>
 );
 
-const SearchForm = ({ query }: { query?: string }): JSX.Element => (
-  <form
-    method="get"
-    action="/search/"
-    class="flex w-full items-center"
-    role="search"
-    novalidate
-  >
-    {/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}
-    <label for="site-search" class="sr-only">
-      Search pages
-    </label>
-    <input
-      id="site-search"
-      name="q"
-      type="search"
-      autocomplete="off"
-      spellcheck={false}
-      placeholder="Search..."
-      value={escapeText(query ?? "")}
-      class="w-full border-b border-input bg-transparent px-1 py-1.5 text-sm placeholder:text-muted-foreground focus:border-foreground focus:outline-none transition-colors"
-    />
-  </form>
-);
-
-const TopNavbar = ({
-  query,
-  siteName,
-}: {
-  query?: string;
-  siteName: string;
-}): JSX.Element => (
-  <header class="sticky top-0 z-30 border-b border-border bg-background/80 backdrop-blur-sm">
-    <div class="mx-auto max-w-6xl px-8 py-3">
-      <div class="flex items-center gap-4">
-        <a
-          href="/"
-          class="text-sm font-medium tracking-tight font-mono lg:hidden"
-          data-prefetch="hover"
-        >
-          <span class="text-muted-foreground">~/</span>
-          {escapeText(siteName)}
-        </a>
-        <div class="not-prose w-full max-w-xs ml-auto">
-          <SearchForm query={query} />
-        </div>
-      </div>
-    </div>
-  </header>
-);
-
 interface DocumentHeadProps {
   canonicalUrl?: string;
   description?: string;
@@ -226,7 +175,6 @@ interface DocumentBodyProps {
   rightRail: ResolvedRightRailConfig;
   scriptPaths: string[];
   scrollSpyDataset: ScrollSpyDataset;
-  searchQuery?: string;
   shouldShowRightRail: boolean;
   siteName: string;
   tocItems: TocItem[];
@@ -241,7 +189,6 @@ const DocumentBody = ({
   rightRail,
   scriptPaths,
   scrollSpyDataset,
-  searchQuery,
   shouldShowRightRail,
   siteName,
   tocItems,
@@ -259,7 +206,6 @@ const DocumentBody = ({
       currentPath={currentPath}
     />
     <div class="main-wrapper">
-      <TopNavbar query={searchQuery} siteName={siteName} />
       <main class="main-content">
         <div class="mx-auto flex w-full max-w-6xl items-start gap-10">
           <article
@@ -300,7 +246,6 @@ const Layout = ({
   currentPath,
   navigation,
   scriptPaths = [],
-  searchQuery,
   showRightRail = true,
   rightRailComponent = RightRail,
   rightRail,
@@ -330,7 +275,6 @@ const Layout = ({
         rightRail={rightRail}
         scriptPaths={scriptPaths}
         scrollSpyDataset={scrollSpyDataset}
-        searchQuery={searchQuery}
         shouldShowRightRail={shouldShowRightRail}
         siteName={siteName}
         tocItems={tocItems}

package/src/render/right-rail.tsx

@@ -215,8 +215,8 @@ const getPanelClass = (
   placement: ResolvedRightRailConfig["placement"]
 ): string =>
   placement === "viewport"
-    ? "fixed top-24 bottom-0 right-8 z-20 w-64 flex flex-col gap-6 min-h-0"
-    : "sticky top-24 h-[calc(100vh-6rem)] flex flex-col gap-6 min-h-0";
+    ? "fixed top-8 bottom-0 right-8 z-20 w-64 flex flex-col gap-6 min-h-0"
+    : "sticky top-8 h-[calc(100vh-2rem)] flex flex-col gap-6 min-h-0";
 
 export interface RightRailProps {
   canonicalUrl?: string;

package/templates/default/src/ui/layout.tsx

@@ -64,57 +64,6 @@ const Sidebar = ({
   </aside>
 );
 
-const SearchForm = ({ query }: { query?: string }): JSX.Element => (
-  <form
-    method="get"
-    action="/search/"
-    class="flex w-full items-center"
-    role="search"
-    novalidate
-  >
-    {/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}
-    <label for="site-search" class="sr-only">
-      Search pages
-    </label>
-    <input
-      id="site-search"
-      name="q"
-      type="search"
-      autocomplete="off"
-      spellcheck={false}
-      placeholder="Search..."
-      value={escapeText(query ?? "")}
-      class="w-full border-b border-input bg-transparent px-1 py-1.5 text-sm placeholder:text-muted-foreground focus:border-foreground focus:outline-none transition-colors"
-    />
-  </form>
-);
-
-const TopNavbar = ({
-  query,
-  siteName,
-}: {
-  query?: LayoutProps["searchQuery"];
-  siteName: LayoutProps["siteName"];
-}): JSX.Element => (
-  <header class="sticky top-0 z-30 border-b border-border bg-background/80 backdrop-blur-sm">
-    <div class="mx-auto max-w-6xl px-8 py-3">
-      <div class="flex items-center gap-4">
-        <a
-          href="/"
-          class="text-sm font-mono font-medium tracking-tight lg:hidden"
-          data-prefetch="hover"
-        >
-          <span class="text-muted-foreground">~/</span>
-          {escapeText(siteName)}
-        </a>
-        <div class="not-prose ml-auto w-full max-w-xs">
-          <SearchForm query={query} />
-        </div>
-      </div>
-    </div>
-  </header>
-);
-
 const buildHtmlClass = (
   smoothScroll: LayoutProps["rightRail"]["smoothScroll"]
 ): string => (smoothScroll ? "dark smooth-scroll" : "dark");
@@ -148,7 +97,6 @@ const Layout = ({
   currentPath,
   navigation,
   scriptPaths = [],
-  searchQuery,
   showRightRail = true,
   rightRail,
   tocItems,
@@ -200,7 +148,6 @@ const Layout = ({
           currentPath={currentPath}
         />
         <div class="main-wrapper">
-          <TopNavbar query={searchQuery} siteName={siteName} />
           <main class="main-content">
             <div class="mx-auto flex w-full max-w-6xl items-start gap-10">
               <article

package/templates/default/src/ui/right-rail.tsx

@@ -218,8 +218,8 @@ const getPanelClass = (
   placement: RightRailProps["rightRailConfig"]["placement"]
 ): string =>
   placement === "viewport"
-    ? "fixed top-24 bottom-0 right-8 z-20 w-64 flex flex-col gap-6 min-h-0"
-    : "sticky top-24 h-[calc(100vh-6rem)] flex flex-col gap-6 min-h-0";
+    ? "fixed top-8 bottom-0 right-8 z-20 w-64 flex flex-col gap-6 min-h-0"
+    : "sticky top-8 h-[calc(100vh-2rem)] flex flex-col gap-6 min-h-0";
 
 export const RightRail = ({
   canonicalUrl,

package/templates/default/styles/tailwind.css

@@ -122,7 +122,7 @@
   }
   html,
   body {
-    /* Prevent rubber-band overscroll from pulling the sticky top navbar down. */
+    /* Keep vertical overscroll behavior predictable across browsers. */
     overscroll-behavior-y: none;
   }
   body {
@@ -134,15 +134,6 @@ html.smooth-scroll {
   scroll-behavior: smooth;
 }
 
-/*
-  Sticky + backdrop-filter can jitter on fast scroll in some browsers.
-  Forcing the header into its own composited layer tends to reduce jumping.
-*/
-header {
-  transform: translateZ(0);
-  will-change: transform;
-}
-
 /* ============================================
    LAYOUT - Sidebar and main content structure
    ============================================ */