From 0497d4fb893d8156dfca80067632df64b5b3f619 Mon Sep 17 00:00:00 2001
From: hamki <me@hamki.org>
Date: Sun, 25 Jan 2026 14:39:54 +0800
Subject: [PATCH] style: update TOC button styling in README view

- Remove border from the TOC button in the README view for a cleaner appearance.
- Ensure hover state maintains no border for consistency with the overall design.
---
 templates/repo/view_file.tmpl | 2 +-
 web_src/css/repo/home.css     | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/templates/repo/view_file.tmpl b/templates/repo/view_file.tmpl
index 721c795617..a3703f37d2 100644
--- a/templates/repo/view_file.tmpl
+++ b/templates/repo/view_file.tmpl
@@ -36,7 +36,7 @@
 		</div>
 		<div class="file-header-right file-actions flex-text-block tw-flex-wrap">
 		{{if .FileSidebarHTML}}
-			<button class="btn-octicon" id="toggle-sidebar-btn" data-tooltip-content="{{ctx.Locale.Tr "toc"}}">{{svg "octicon-list-unordered" 15}}</button>
+			<button class="btn-octicon" id="toggle-sidebar-btn" data-tooltip-content="{{ctx.Locale.Tr "toc"}}">{{svg "octicon-list-unordered"}}</button>
 		{{end}}
 			{{/* this componment is also controlled by frontend plugin renders */}}
 			<div class="ui compact icon buttons file-view-toggle-buttons {{Iif .HasSourceRenderedToggle "" "tw-hidden"}}">
diff --git a/web_src/css/repo/home.css b/web_src/css/repo/home.css
index 3f3bbd1d6a..103df1644f 100644
--- a/web_src/css/repo/home.css
+++ b/web_src/css/repo/home.css
@@ -187,6 +187,15 @@
   border-color: var(--color-primary);
 }
 
+/* README view: TOC button should not have border */
+#readme .file-header-right #toggle-sidebar-btn {
+  border: none;
+}
+
+#readme .file-header-right #toggle-sidebar-btn:hover {
+  border: none;
+}
+
 /* Sidebar toggle button active state - when sidebar is visible */
 #toggle-sidebar-btn.active {
   color: var(--color-primary);