Merge branch 'production' into build-validation-ordering

Author: mvvmm

.github/CODEOWNERS

@@ -4,7 +4,7 @@
 
 # More dev-specific files
 
-/.github/ @cloudflare/content-engineering @kodster28 @mvvmm @colbywhite @ahaywood
+/.github/ @cloudflare/content-engineering @kodster28 @mvvmm @colbywhite @ahaywood @MohamedH1998
 /.github/CODEOWNERS @cloudflare/pcx-technical-writing @kodster28
 /.github/actions/assign-pr/index.js @cloudflare/pcx-technical-writing @kodster28
 /src/components/ @cloudflare/content-engineering @kodster28

.github/workflows/ci.yml

@@ -45,7 +45,16 @@ jobs:
             exit 1
           fi
 
-      - run: npm ci
+      - name: Restore node_modules (cache hit)
+        id: node-modules-cache
+        uses: actions/cache@v5
+        with:
+          path: node_modules
+          key: node-modules-${{ runner.os }}-${{ hashFiles('package-lock.json') }}
+
+      - name: Install node_modules (cache miss)
+        run: npm ci
+        if: steps.node-modules-cache.outputs.cache-hit != 'true'
 
       - run: npx tsx bin/post-codeowners-comment/index.ts
         continue-on-error: true

src/components/overrides/Header.astro

@@ -24,7 +24,7 @@ import AgentDirective from "../AgentDirective.astro";
 			<a
 				id="header-login-button"
 				href="https://dash.cloudflare.com/"
-				class="header-login"
+				class="header-login btn-soft"
 			>
 				Log in
 			</a>
@@ -68,15 +68,25 @@ import AgentDirective from "../AgentDirective.astro";
 		align-items: center;
 		justify-content: center;
 		height: 2.25rem;
-		padding: 0 1.25rem;
+		padding: 0 0.875rem;
 		border-radius: 0.5rem;
+		border: 1px solid transparent;
 		font-size: 0.875rem;
 		font-weight: 500;
 		line-height: 1;
 		white-space: nowrap;
 		text-decoration: none;
-		color: var(--color-header-btn-text);
-		background-color: var(--color-header-btn-bg);
+		transition: color 150ms, background-color 150ms, border-color 150ms;
+	}
+
+	.header-login {
+		background-color: var(--color-header-fill);
+		color: var(--color-header-text);
+	}
+
+	.header-login:hover {
+		background-color: var(--color-header-line);
+		color: var(--color-header-hover-text);
 	}
 
 	:global(.site-title) {

src/components/overrides/Sidebar.astro

@@ -10,13 +10,11 @@ const [product, module] = Astro.url.pathname.split("/").filter(Boolean);
 <div
 	class="sticky top-0 z-[1] flex flex-col gap-2 bg-[var(--sl-color-black)] py-3.5 min-[50rem]:bg-[var(--sl-color-bg-sidebar)]"
 >
-	<div class="sidebar-product-title px-1">
-		<a href={"/" + product + "/"} class="flex items-center gap-2 no-underline">
+	<div class="sidebar-product-title">
+		<a href={"/" + product + "/"} class="flex items-center gap-1 no-underline">
 			<AstroIcon name={product} size="32px" class="text-cl1-brand-orange" />
-			<span class="text-xl text-black">
-				<strong>
-					{lookupProductTitle(product, module)}
-				</strong>
+			<span class="text-xl font-semibold text-black">
+				{lookupProductTitle(product, module)}
 			</span>
 		</a>
 	</div>

src/styles/sidebar.css

@@ -4,7 +4,7 @@
 
 .sidebar-content {
 	gap: 2px;
-	padding: 0 0.75rem 1rem;
+	padding: 0rem 1.5rem 1.5rem 1.5rem;
 }
 
 /* ── Light theme ── */