cleaner drop feedback

microsoft · Nov 17, 2019 · c948e81 · c948e81
1 parent 00688bf
commit c948e81
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/src/vs/base/browser/ui/iconLabel/iconlabel.css b/src/vs/base/browser/ui/iconLabel/iconlabel.css
@@ -44,8 +44,7 @@
 }
 
 .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name > .label-separator {
- margin-left: 3px;
- margin-right: 1px;
+ margin: 0 2px;
  opacity: 0.5;
 }
 

diff --git a/src/vs/workbench/contrib/files/browser/media/explorerviewlet.css b/src/vs/workbench/contrib/files/browser/media/explorerviewlet.css
@@ -128,8 +128,8 @@
  line-height: normal;
 }
 
-.explorer-viewlet .explorer-item .monaco-icon-name-container.multiple > .label-name {
- padding: 1px 1px 1px 2px;
+.explorer-viewlet .explorer-item .monaco-icon-name-container.multiple > .label-name > .monaco-highlighted-label {
+ padding: 1px;
  border-radius: 3px;
 }
 

diff --git a/src/vs/workbench/contrib/files/browser/views/explorerView.ts b/src/vs/workbench/contrib/files/browser/views/explorerView.ts
@@ -717,7 +717,7 @@ export class ExplorerView extends ViewletPanel {
  const content: string[] = [];
 
  if (styles.listDropBackground) {
- content.push(`.explorer-viewlet .explorer-item .monaco-icon-name-container.multiple > .label-name.drop-target { background-color: ${styles.listDropBackground}; }`);
+ content.push(`.explorer-viewlet .explorer-item .monaco-icon-name-container.multiple > .label-name.drop-target > .monaco-highlighted-label { background-color: ${styles.listDropBackground}; }`);
  }
 
  const newStyles = content.join('\n');