Fix #81649, show collapse icon in debug viewlet

This commit is contained in:
Miguel Solorio
2019-09-30 10:45:44 -07:00
parent 3611cc7d07
commit 83cd86bb36
4 changed files with 25 additions and 0 deletions
@@ -0,0 +1,4 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 9H4V10H9V9Z" fill="#C5C5C5"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 3L6 2H13L14 3V10L13 11H11V13L10 14H3L2 13V6L3 5H5V3ZM6 5H10L11 6V10H13V3H6V5ZM10 6H3V13H10V6Z" fill="#C5C5C5"/>
</svg>

After

Width:  |  Height:  |  Size: 309 B

@@ -0,0 +1,4 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 9H4V10H9V9Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 3L6 2H13L14 3V10L13 11H11V13L10 14H3L2 13V6L3 5H5V3ZM6 5H10L11 6V10H13V3H6V5ZM10 6H3V13H10V6Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 305 B

@@ -0,0 +1,4 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 9H4V10H9V9Z" fill="#424242"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 3L6 2H13L14 3V10L13 11H11V13L10 14H3L2 13V6L3 5H5V3ZM6 5H10L11 6V10H13V3H6V5ZM10 6H3V13H10V6Z" fill="#424242"/>
</svg>

After

Width:  |  Height:  |  Size: 309 B

@@ -163,3 +163,16 @@
.hc-black .monaco-workbench .explorer-viewlet .editor-group {
line-height: 20px;
}
/* TODO @misolori convert these to use icon font, for the debug viewlet */
.monaco-workbench .explorer-action.collapse-explorer {
background: url("collapse-all-light.svg") 50% no-repeat;
}
.vs-dark .monaco-workbench .explorer-action.collapse-explorer {
background: url("collapse-all-dark.svg") 50% no-repeat;
}
.hc-black .monaco-workbench .explorer-action.collapse-explorer {
background: url("collapse-all-hc.svg") 50% no-repeat;
}