Ellipsis on text overflow in comments panel, fixes microsoft/vscode-pull-request-github#122

Rachel Macfarlane · Rachel Macfarlane · commit a4b67733ecef · 2018-08-08T09:11:08.000-07:00
diff --git a/src/vs/workbench/parts/comments/electron-browser/media/panel.css b/src/vs/workbench/parts/comments/electron-browser/media/panel.css
@@ -30,8 +30,15 @@
 	opacity: 0.5;
 }
 
+.comments-panel .comments-panel-container .tree-container .comment-container .text {
+	flex: 1;
+	min-width: 0;
+}
+
 .comments-panel .comments-panel-container .tree-container .comment-container .text * {
 	margin: 0;
+	text-overflow: ellipsis;
+	overflow: hidden;
 }
 
 .comments-panel .comments-panel-container .message-box-container {
@@ -49,6 +56,5 @@
 
 .comments-panel .comments-panel-container .tree-container .comment-container {
 	line-height: 22px;
-	text-overflow: ellipsis;
-	overflow: hidden;
+	margin-right: 5px;
 }
