0
0
mirror of https://github.com/go-gitea/gitea.git synced 2026-04-10 12:45:38 +02:00

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.
This commit is contained in:
hamki 2026-01-25 14:39:54 +08:00
parent 512d4a9383
commit 0497d4fb89
No known key found for this signature in database
GPG Key ID: 092D4EC7F4DECB68
2 changed files with 10 additions and 1 deletions

View File

@ -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"}}">

View File

@ -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);