fix overflow issues in explorer and quick open

joaomoreno · joaomoreno · commit aa522145aa6b · 2017-01-17T13:03:54.000+01:00
related to microsoft#18031
diff --git a/src/vs/base/browser/ui/iconLabel/iconlabel.css b/src/vs/base/browser/ui/iconLabel/iconlabel.css
@@ -7,6 +7,8 @@
 
 .monaco-icon-label {
 	display: inline-block; /* required for icons support :before rule */
+	overflow: hidden;
+	text-overflow: ellipsis;
 }
 
 .monaco-icon-label::before {
diff --git a/src/vs/base/parts/quickopen/browser/quickopen.css b/src/vs/base/parts/quickopen/browser/quickopen.css
@@ -46,6 +46,8 @@
 .quick-open-widget .quick-open-tree .quick-open-entry {
 	overflow: hidden;
 	text-overflow: ellipsis;
+	display: flex;
+	align-items: center;
 }
 
 .quick-open-widget .quick-open-tree .quick-open-entry .quick-open-entry-icon {
@@ -55,6 +57,7 @@
 	margin-right: 4px;
 	display: inline-block;
 	vertical-align: middle;
+	flex-shrink: 0;
 }
 
 .quick-open-widget .quick-open-tree .quick-open-entry .quick-open-help-entry-label {
@@ -76,6 +79,9 @@
 	opacity: 0.7;
 	margin-left: 0.5em;
 	font-size: 0.9em;
+	overflow: hidden;
+	flex: 1;
+	text-overflow: ellipsis;
 }
 
 .quick-open-widget .quick-open-tree .results-group {

Original file line number	Diff line number	Diff line change
`@@ -7,6 +7,8 @@`
`7`	`7`
`8`	`8`	`.monaco-icon-label {`
`9`	`9`	`display: inline-block; /* required for icons support :before rule */`
	`10`	`+ overflow: hidden;`
	`11`	`+ text-overflow: ellipsis;`
`10`	`12`	`}`
`11`	`13`
`12`	`14`	`.monaco-icon-label::before {`