debug: better overflow behavior for breakpoint name

isidorn · isidorn · commit 3b25417fa204 · 2018-07-23T11:34:05.000+02:00
fixes microsoft#54309
diff --git a/src/vs/workbench/parts/debug/browser/media/debugViewlet.css b/src/vs/workbench/parts/debug/browser/media/debugViewlet.css
@@ -372,6 +372,7 @@
 .debug-viewlet .debug-breakpoints .breakpoint > .icon {
 	width: 19px;
 	height: 19px;
+	min-width: 19px;
 }
 
 .debug-viewlet .debug-breakpoints .breakpoint > .file-path {
@@ -383,6 +384,11 @@
 	overflow: hidden;
 }
 
+.debug-viewlet .debug-breakpoints .breakpoint .name {
+	overflow: hidden;
+	text-overflow: ellipsis
+}
+
 .debug-viewlet .debug-action.remove {
 	background: url('remove.svg') center center no-repeat;
 }

Original file line number	Diff line number	Diff line change
`@@ -372,6 +372,7 @@`
`372`	`372`	`.debug-viewlet .debug-breakpoints .breakpoint > .icon {`
`373`	`373`	`width: 19px;`
`374`	`374`	`height: 19px;`
	`375`	`+ min-width: 19px;`
`375`	`376`	`}`
`376`	`377`
`377`	`378`	`.debug-viewlet .debug-breakpoints .breakpoint > .file-path {`
`@@ -383,6 +384,11 @@`
`383`	`384`	`overflow: hidden;`
`384`	`385`	`}`
`385`	`386`
	`387`	`+.debug-viewlet .debug-breakpoints .breakpoint .name {`
	`388`	`+ overflow: hidden;`
	`389`	`+ text-overflow: ellipsis`
	`390`	`+}`
	`391`	`+`
`386`	`392`	`.debug-viewlet .debug-action.remove {`
`387`	`393`	`background: url('remove.svg') center center no-repeat;`
`388`	`394`	`}`