More overflow in comments view

Fixes microsoft#143946
GaoStudio · Feb 25, 2022 · cd1ae27 · cd1ae27
1 parent 5dd6c8b
commit cd1ae27
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/vs/workbench/contrib/comments/browser/media/panel.css b/src/vs/workbench/contrib/comments/browser/media/panel.css
@@ -44,9 +44,15 @@
 .comments-panel .comments-panel-container .tree-container .comment-thread-container .icon {
 	padding-top: 4px;
 	padding-right: 5px;
+	min-width: fit-content;
+}
+
+.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-snippet-container .count,
+.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-metadata-container .user {
+	overflow: hidden;
+	text-overflow: ellipsis;
 }
 
-.comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-metadata-container .count,
 .comments-panel .comments-panel-container .tree-container .comment-thread-container .comment-snippet-container .text {
 	display: flex;
 	flex: 1;
@@ -55,7 +61,9 @@
 
 .comments-panel .comments-panel-container .tree-container .comment-thread-container .reply-detail,
 .comments-panel .comments-panel-container .tree-container .comment-thread-container .timestamp {
-	display:flex;
+	display: block;
+	overflow: hidden;
+	text-overflow: ellipsis;
 	font-size: 0.9em;
 	padding-right: 5px;
 	opacity: 0.8;