提交 d4b5aa94 编写于 作者: B Benjamin Pasero

better focus indication in activity bar

上级 2a55b4df
...@@ -29,6 +29,23 @@ ...@@ -29,6 +29,23 @@
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); 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 { .monaco-workbench > .activitybar > .content .monaco-action-bar .action-label > .label {
-ms-flex: 1 1 auto; -ms-flex: 1 1 auto;
flex: 1 1 auto; flex: 1 1 auto;
...@@ -86,7 +103,7 @@ ...@@ -86,7 +103,7 @@
opacity: 1; 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: ''; content: '';
position: absolute; position: absolute;
top: 15px; top: 15px;
...@@ -98,7 +115,7 @@ ...@@ -98,7 +115,7 @@
border-right: 5px solid #F6F6F6; 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: ''; content: '';
position: absolute; position: absolute;
top: 15px; top: 15px;
...@@ -110,7 +127,7 @@ ...@@ -110,7 +127,7 @@
border-right: 5px solid #252526; 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: ''; content: '';
position: absolute; position: absolute;
top: 15px; top: 15px;
...@@ -122,7 +139,7 @@ ...@@ -122,7 +139,7 @@
border-left: 5px solid #F6F6F6; 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: ''; content: '';
position: absolute; position: absolute;
top: 15px; top: 15px;
......
...@@ -73,6 +73,10 @@ ...@@ -73,6 +73,10 @@
outline-offset: -2px; outline-offset: -2px;
} }
.monaco-shell .activitybar [tabindex="0"]:focus {
outline: 0; /* activity bar indicates focus customly */
}
/* END Keyboard Focus Indication Styles */ /* END Keyboard Focus Indication Styles */
.monaco-shell a.prominent { .monaco-shell a.prominent {
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册