fix: restore compact sidepanel link controls

2026-05-29 14:33:44 +08:00
parent d2b915e65b
commit 1e12033f89
4 changed files with 29 additions and 17 deletions
@@ -128,10 +128,22 @@ header {
  flex: 1;
 }

-.header-repo-btn {
+.header-repo-link {
+  color: var(--text-secondary);
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 20px;
+  text-decoration: none;
  flex-shrink: 0;
 }

+.header-repo-link:hover {
+  color: var(--text-primary);
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+
+.header-repo-link:focus-visible,
 .header-version-link:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--blue) 28%, transparent);
  outline-offset: 2px;
@@ -2927,27 +2939,22 @@ header {
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
-  width: 76px;
+  width: 48px;
  flex-shrink: 0;
 }

 .step-manual-btn {
-  min-width: 48px;
-  min-height: 26px;
-  padding: 0 8px;
+  width: 20px;
+  height: 20px;
+  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
+  border-radius: 999px;
  background: var(--bg-surface);
  color: var(--text-muted);
  cursor: pointer;
-  font-family: inherit;
-  font-size: 11px;
-  font-weight: 700;
-  line-height: 1;
-  white-space: nowrap;
  transition: all var(--transition);
 }
 .step-manual-btn:hover:not(:disabled) {
@@ -16,8 +16,8 @@
 <body>
  <header>
    <div class="header-left">
-      <button id="btn-repo-home" class="btn btn-outline btn-sm header-repo-btn" type="button"
-        aria-label="打开 GitHub 仓库" title="打开 GitHub 仓库">仓库</button>
+      <a id="link-repo-home" class="header-repo-link" href="https://github.com/QLHazyCoder/FlowPilot"
+        target="_blank" rel="noopener noreferrer" aria-label="打开 GitHub 仓库" title="打开 GitHub 仓库">仓库</a>
      <div class="header-version-block">
        <div class="header-version-main">
          <button id="extension-update-status" class="header-version-title header-version-link" type="button"
@@ -25,7 +25,7 @@ const btnClearAccountRecords = document.getElementById('btn-clear-account-record
 const btnToggleAccountRecordsSelection = document.getElementById('btn-toggle-account-records-selection');
 const btnDeleteSelectedAccountRecords = document.getElementById('btn-delete-selected-account-records');
 const updateSection = document.getElementById('update-section');
-const btnRepoHome = document.getElementById('btn-repo-home');
+const linkRepoHome = document.getElementById('link-repo-home');
 const extensionUpdateStatus = document.getElementById('extension-update-status');
 const extensionVersionMeta = document.getElementById('extension-version-meta');
 const btnReleaseLog = document.getElementById('btn-release-log');
@@ -11218,7 +11218,7 @@ function initializeManualStepActions() {
    manualBtn.dataset.nodeId = nodeId;
    manualBtn.title = '跳过此节点';
    manualBtn.setAttribute('aria-label', `跳过节点 ${nodeId || step}`);
-    manualBtn.textContent = '跳过';
+    manualBtn.innerHTML = '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="13 17 18 12 13 7"/><polyline points="6 17 11 12 6 7"/></svg>';
    manualBtn.addEventListener('click', async (event) => {
      event.stopPropagation();
      try {
@@ -15411,7 +15411,8 @@ btnConfigMenu?.addEventListener('click', (event) => {
  toggleConfigMenu();
 });

-btnRepoHome?.addEventListener('click', () => {
+linkRepoHome?.addEventListener('click', (event) => {
+  event.preventDefault();
  openRepositoryHomePage();
 });

@@ -53,7 +53,11 @@ test('sidepanel html exposes header repo and releases entry points', () => {

  assert.match(
    html,
-    /id="btn-repo-home"[\s\S]*title="打开 GitHub 仓库"/
+    /id="link-repo-home"[\s\S]*class="header-repo-link"[\s\S]*title="打开 GitHub 仓库"/
+  );
+  assert.doesNotMatch(
+    html,
+    /id="link-repo-home"[^>]*\bbtn\b/
  );
  assert.match(
    html,