fix overflow issues in explorer and quick open

related to #18031

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 {

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 {