Microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-04-17 15:24:40 +01:00
Code Issues Packages Projects Releases Wiki Activity

Improve focus styles for action items in auxiliary bar and panel (#305594)

Browse Source 
* Improve focus styles for action items in auxiliary bar and panel

* Update src/vs/sessions/browser/parts/media/panelPart.css

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Update src/vs/sessions/browser/parts/media/auxiliaryBarPart.css

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Update src/vs/sessions/browser/parts/media/panelPart.css

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

---------

Co-authored-by: mrleemurray <mrleemurray@users.noreply.github.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
This commit is contained in:
Lee Murray
2026-03-27 13:39:45 +00:00
committed by GitHub
parent d4ca6e65d2
commit 67bafb26c5
2 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/vs/sessions/browser/parts/media/auxiliaryBarPart.css
View File

@@ -31,10 +31,13 @@
background-color: var(--vscode-sessionsAuxiliaryBar-background);
}
/* Hide the underline indicator entirely */
.agent-sessions-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .active-item-indicator:before {
/* Hide the underline indicator for non-focused items, but keep it for keyboard focus */
.agent-sessions-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:not(:focus-visible) .active-item-indicator:before {
display: none !important;
}
.agent-sessions-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus-visible .active-item-indicator:before {
display: block !important;
}
/* Active/checked state: background container instead of underline */
.agent-sessions-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked {

10
src/vs/sessions/browser/parts/media/panelPart.css
View File

@@ -10,10 +10,16 @@
/* ===== Modern action label styling for sessions panel ===== */
/* Hide the underline indicator entirely */
.agent-sessions-workbench .part.panel > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .active-item-indicator:before {
/* Hide the underline indicator for non-focused, non-checked items; keep it for focus-visible and checked */
.agent-sessions-workbench .part.panel > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:not(:focus-visible):not(.checked) .active-item-indicator:before {
display: none !important;
}
.agent-sessions-workbench .part.panel > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus-visible .active-item-indicator:before {
display: block !important;
}
.agent-sessions-workbench .part.panel > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked .active-item-indicator:before {
display: block !important;
}
/* Make icon action items 24px tall */
.agent-sessions-workbench .part.panel > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.icon {