From d4b5aa94c5b415732a9758c239fdfe3d4e1de584 Mon Sep 17 00:00:00 2001 From: Benjamin Pasero Date: Thu, 21 Jan 2016 15:33:02 +0100 Subject: [PATCH] better focus indication in activity bar --- .../activitybar/media/activityaction.css | 25 ++++++++++++++++--- .../electron-browser/media/shell.css | 4 +++ 2 files changed, 25 insertions(+), 4 deletions(-) diff --git a/src/vs/workbench/browser/parts/activitybar/media/activityaction.css b/src/vs/workbench/browser/parts/activitybar/media/activityaction.css index 4c8ce3578b1..6a9dec13b8c 100644 --- a/src/vs/workbench/browser/parts/activitybar/media/activityaction.css +++ b/src/vs/workbench/browser/parts/activitybar/media/activityaction.css @@ -29,6 +29,23 @@ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); } +.monaco-workbench > .activitybar > .content .monaco-action-bar .action-item .action-label:focus:before { + content: ""; + position: absolute; + top: 4px; + height: 32px; + width: 0; + border-left: 2px solid #1E8AE5; +} + +.monaco-workbench > .activitybar.left > .content .monaco-action-bar .action-item .action-label:focus:before { + left: 1px; +} + +.monaco-workbench > .activitybar.right > .content .monaco-action-bar .action-item .action-label:focus:before { + right: 1px; +} + .monaco-workbench > .activitybar > .content .monaco-action-bar .action-label > .label { -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -86,7 +103,7 @@ opacity: 1; } -.monaco-workbench.vs > .activitybar.left:not(.help) > .content > .monaco-action-bar.position-top .action-label.active:after { +.monaco-workbench.vs > .activitybar.left > .content > .monaco-action-bar.position-top .action-label.active:after { content: ''; position: absolute; top: 15px; @@ -98,7 +115,7 @@ border-right: 5px solid #F6F6F6; } -.monaco-workbench.vs-dark > .activitybar.left:not(.help) > .content > .monaco-action-bar.position-top .action-label.active:after { +.monaco-workbench.vs-dark > .activitybar.left > .content > .monaco-action-bar.position-top .action-label.active:after { content: ''; position: absolute; top: 15px; @@ -110,7 +127,7 @@ border-right: 5px solid #252526; } -.monaco-workbench.vs > .activitybar.right:not(.help) > .content > .monaco-action-bar.position-top .action-label.active:before { +.monaco-workbench.vs > .activitybar.right > .content > .monaco-action-bar.position-top .action-label.active:before { content: ''; position: absolute; top: 15px; @@ -122,7 +139,7 @@ border-left: 5px solid #F6F6F6; } -.monaco-workbench.vs-dark > .activitybar.right:not(.help) > .content > .monaco-action-bar.position-top .action-label.active:before { +.monaco-workbench.vs-dark > .activitybar.right > .content > .monaco-action-bar.position-top .action-label.active:before { content: ''; position: absolute; top: 15px; diff --git a/src/vs/workbench/electron-browser/media/shell.css b/src/vs/workbench/electron-browser/media/shell.css index d0a47a0b7bc..261386fba1d 100644 --- a/src/vs/workbench/electron-browser/media/shell.css +++ b/src/vs/workbench/electron-browser/media/shell.css @@ -73,6 +73,10 @@ outline-offset: -2px; } +.monaco-shell .activitybar [tabindex="0"]:focus { + outline: 0; /* activity bar indicates focus customly */ +} + /* END Keyboard Focus Indication Styles */ .monaco-shell a.prominent { -- GitLab