10712, 10677 - Fixed focus indicators for both main toolbar and cell … (#10756)

* 10712, 10677 - Fixed focus indicators for both main toolbar and cell toolbar.

* Removed duplicated line
This commit is contained in:
Hale Rankin
2020-06-05 17:46:19 -07:00
committed by GitHub
parent 4339b5b7d3
commit eafe659ec9
6 changed files with 46 additions and 27 deletions

View File

@@ -310,8 +310,10 @@
/* Icons as masked elements for easy theme switching.
Includes non-masked style declarations. */
.masked-icon {
display: inline-block;
.masked-icon:before {
content: "";
display: block;
position: absolute;
height: 20px;
width: 20px;
-webkit-mask-position: center;
@@ -378,7 +380,7 @@ Includes non-masked style declarations. */
.codicon:not(.masked-icon).icon-expand-cells {
background-image: url("action-expand.svg");
}
.codicon.masked-icon.icon-expand-cells {
.codicon.masked-icon.icon-expand-cells:before {
background-image: none;
-webkit-mask-image: url("action-expand.svg");
mask-image: url("action-expand.svg");
@@ -387,7 +389,7 @@ Includes non-masked style declarations. */
.codicon:not(.masked-icon).icon-collapse-cells {
background-image: url("action-collapse.svg");
}
.codicon.masked-icon.icon-collapse-cells {
.codicon.masked-icon.icon-collapse-cells:before {
-webkit-mask-image: url("action-collapse.svg");
mask-image: url("action-collapse.svg");
}
@@ -395,7 +397,7 @@ Includes non-masked style declarations. */
.codicon:not(.masked-icon).icon-clear-results {
background-image: url("clear.svg");
}
.codicon.masked-icon.icon-clear-results {
.codicon.masked-icon.icon-clear-results:before {
-webkit-mask-image: url("clear.svg");
mask-image: url("clear.svg");
}
@@ -403,7 +405,7 @@ Includes non-masked style declarations. */
.codicon:not(.masked-icon).icon-shield {
background-image: url("shield.svg");
}
.codicon.masked-icon.icon-shield {
.codicon.masked-icon.icon-shield:before {
-webkit-mask-image: url("shield.svg");
mask-image: url("shield.svg");
}
@@ -411,7 +413,7 @@ Includes non-masked style declarations. */
.codicon:not(.masked-icon).icon-shield-x {
background-image: url("shield-x.svg");
}
.codicon.masked-icon.icon-shield-x {
.codicon.masked-icon.icon-shield-x:before {
-webkit-mask-image: url("shield-x.svg");
mask-image: url("shield-x.svg");
}
@@ -419,7 +421,7 @@ Includes non-masked style declarations. */
.codicon:not(.masked-icon).packages {
background-image: url("packages.svg");
}
.codicon.masked-icon.packages {
.codicon.masked-icon.packages:before {
background-image: none;
-webkit-mask-image: url("packages.svg");
mask-image: url("packages.svg");
@@ -504,17 +506,17 @@ Includes non-masked style declarations. */
mask-image: url("markdown.svg");
}
.codicon.masked-icon.new {
.codicon.masked-icon.new:before {
background-image: none;
-webkit-mask-image: url('new.svg');
mask-image: url('new.svg');
}
.codicon.masked-icon.close {
.codicon.masked-icon.close:before {
background-image: none;
-webkit-mask-image: url('close-blue.svg');
mask-image: url('close-blue.svg');
}
.codicon.masked-icon.edit {
.codicon.masked-icon.edit:before {
background-image: none;
-webkit-mask-image: url('edit.svg');
mask-image: url('edit.svg');
@@ -530,12 +532,12 @@ Includes non-masked style declarations. */
-webkit-mask-image: url('down-arrow-blue.svg');
mask-image: url('down-arrow-blue.svg');
}
.codicon.masked-icon.delete {
.codicon.masked-icon.delete:before {
background-image: none;
-webkit-mask-image: url('garbage-can-blue.svg');
mask-image: url('garbage-can-blue.svg');
}
.codicon.masked-icon.more {
.codicon.masked-icon.more:before {
background-image: none;
-webkit-mask-image: url('ellipsis-blue.svg');
mask-image: url('ellipsis-blue.svg');
@@ -546,7 +548,6 @@ Includes non-masked style declarations. */
}
.book.codicon {
-webkit-mask-image: url("book_image.svg");
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: 50% 50%;