Hermes/FlowPilot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: restore compact sidepanel link controls

Browse Source
This commit is contained in:
QLHazyCoder
2026-05-29 14:33:44 +08:00
parent d2b915e65b
commit 1e12033f89
4 changed files with 29 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sidepanel/sidepanel.css
+18 -11
View File
@@ -128,10 +128,22 @@ header {
flex: 1; 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; 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 { .header-version-link:focus-visible {
outline: 2px solid color-mix(in srgb, var(--blue) 28%, transparent); outline: 2px solid color-mix(in srgb, var(--blue) 28%, transparent);
outline-offset: 2px; outline-offset: 2px;
@@ -2927,27 +2939,22 @@ header {
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
gap: 6px; gap: 6px;
width: 76px; width: 48px;
flex-shrink: 0; flex-shrink: 0;
} }
.step-manual-btn { .step-manual-btn {
min-width: 48px; width: 20px;
min-height: 26px; height: 20px;
padding: 0 8px; padding: 0;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: var(--radius-sm); border-radius: 999px;
background: var(--bg-surface); background: var(--bg-surface);
color: var(--text-muted); color: var(--text-muted);
cursor: pointer; cursor: pointer;
font-family: inherit;
font-size: 11px;
font-weight: 700;
line-height: 1;
white-space: nowrap;
transition: all var(--transition); transition: all var(--transition);
} }
.step-manual-btn:hover:not(:disabled) { .step-manual-btn:hover:not(:disabled) {
sidepanel/sidepanel.html
+2 -2
View File
@@ -16,8 +16,8 @@
<body> <body>
<header> <header>
<div class="header-left"> <div class="header-left">
<button id="btn-repo-home" class="btn btn-outline btn-sm header-repo-btn" type="button" <a id="link-repo-home" class="header-repo-link" href="https://github.com/QLHazyCoder/FlowPilot"
aria-label="打开 GitHub 仓库" title="打开 GitHub 仓库">仓库</button> target="_blank" rel="noopener noreferrer" aria-label="打开 GitHub 仓库" title="打开 GitHub 仓库">仓库</a>
<div class="header-version-block"> <div class="header-version-block">
<div class="header-version-main"> <div class="header-version-main">
<button id="extension-update-status" class="header-version-title header-version-link" type="button" <button id="extension-update-status" class="header-version-title header-version-link" type="button"
sidepanel/sidepanel.js
+4 -3
View File
@@ -25,7 +25,7 @@ const btnClearAccountRecords = document.getElementById('btn-clear-account-record
const btnToggleAccountRecordsSelection = document.getElementById('btn-toggle-account-records-selection'); const btnToggleAccountRecordsSelection = document.getElementById('btn-toggle-account-records-selection');
const btnDeleteSelectedAccountRecords = document.getElementById('btn-delete-selected-account-records'); const btnDeleteSelectedAccountRecords = document.getElementById('btn-delete-selected-account-records');
const updateSection = document.getElementById('update-section'); 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 extensionUpdateStatus = document.getElementById('extension-update-status');
const extensionVersionMeta = document.getElementById('extension-version-meta'); const extensionVersionMeta = document.getElementById('extension-version-meta');
const btnReleaseLog = document.getElementById('btn-release-log'); const btnReleaseLog = document.getElementById('btn-release-log');
@@ -11218,7 +11218,7 @@ function initializeManualStepActions() {
manualBtn.dataset.nodeId = nodeId; manualBtn.dataset.nodeId = nodeId;
manualBtn.title = '跳过此节点'; manualBtn.title = '跳过此节点';
manualBtn.setAttribute('aria-label', `跳过节点 ${nodeId || step}`); 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) => { manualBtn.addEventListener('click', async (event) => {
event.stopPropagation(); event.stopPropagation();
try { try {
@@ -15411,7 +15411,8 @@ btnConfigMenu?.addEventListener('click', (event) => {
toggleConfigMenu(); toggleConfigMenu();
}); });
btnRepoHome?.addEventListener('click', () => { linkRepoHome?.addEventListener('click', (event) => {
event.preventDefault();
openRepositoryHomePage(); openRepositoryHomePage();
}); });
tests/sidepanel-header-links.test.js
+5 -1
View File
@@ -53,7 +53,11 @@ test('sidepanel html exposes header repo and releases entry points', () => {
assert.match( assert.match(
html, 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( assert.match(
html, html,