fix microsoft#137333.

rebornix · rebornix · commit b34ea7726787 · 2021-12-01T10:56:17.000-08:00
diff --git a/src/vs/workbench/contrib/notebook/browser/media/notebook.css b/src/vs/workbench/contrib/notebook/browser/media/notebook.css
@@ -882,19 +882,19 @@
 	flex-direction: row-reverse;
 }
 
-.monaco-workbench .notebookOverlay .output .error::-webkit-scrollbar,
+.monaco-workbench .notebookOverlay .output .error .traceback::-webkit-scrollbar,
 .monaco-workbench .notebookOverlay .output-plaintext::-webkit-scrollbar {
 	width: 10px;               /* width of the entire scrollbar */
 	height: 10px;
 }
 
-.monaco-workbench .notebookOverlay .output .error::-webkit-scrollbar-thumb,
+.monaco-workbench .notebookOverlay .output .error .traceback::-webkit-scrollbar-thumb,
 .monaco-workbench .notebookOverlay .output-plaintext::-webkit-scrollbar-thumb {
 	height: 10px;
 	width: 10px;
 }
 
-.monaco-workbench .notebookOverlay .output .error,
+.monaco-workbench .notebookOverlay .output .error .traceback,
 .monaco-workbench .notebookOverlay .output .output-plaintext {
 	overflow-x: auto;
 }
diff --git a/src/vs/workbench/contrib/notebook/browser/notebookEditorWidget.ts b/src/vs/workbench/contrib/notebook/browser/notebookEditorWidget.ts
@@ -2939,14 +2939,13 @@ registerThemingParticipant((theme, collector) => {
 	const scrollbarSliderBackgroundColor = theme.getColor(listScrollbarSliderBackground);
 	if (scrollbarSliderBackgroundColor) {
 		collector.addRule(` .notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .scrollbar > .slider { background: ${scrollbarSliderBackgroundColor}; } `);
-		// collector.addRule(` .monaco-workbench .notebookOverlay .output-plaintext::-webkit-scrollbar-track { background: ${scrollbarSliderBackgroundColor}; } `);
 	}
 
 	const scrollbarSliderHoverBackgroundColor = theme.getColor(listScrollbarSliderHoverBackground);
 	if (scrollbarSliderHoverBackgroundColor) {
 		collector.addRule(` .notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .scrollbar > .slider:hover { background: ${scrollbarSliderHoverBackgroundColor}; } `);
 		collector.addRule(` .monaco-workbench .notebookOverlay .output-plaintext::-webkit-scrollbar-thumb { background: ${scrollbarSliderHoverBackgroundColor}; } `);
-		collector.addRule(` .monaco-workbench .notebookOverlay .output .error::-webkit-scrollbar-thumb { background: ${scrollbarSliderHoverBackgroundColor}; } `);
+		collector.addRule(` .monaco-workbench .notebookOverlay .output .error .traceback::-webkit-scrollbar-thumb { background: ${scrollbarSliderHoverBackgroundColor}; } `);
 	}
 
 	const scrollbarSliderActiveBackgroundColor = theme.getColor(listScrollbarSliderActiveBackground);

Original file line number	Diff line number	Diff line change
`@@ -882,19 +882,19 @@`
`882`	`882`	`flex-direction: row-reverse;`
`883`	`883`	`}`
`884`	`884`
`885`		`-.monaco-workbench .notebookOverlay .output .error::-webkit-scrollbar,`
	`885`	`+.monaco-workbench .notebookOverlay .output .error .traceback::-webkit-scrollbar,`
`886`	`886`	`.monaco-workbench .notebookOverlay .output-plaintext::-webkit-scrollbar {`
`887`	`887`	`width: 10px; /* width of the entire scrollbar */`
`888`	`888`	`height: 10px;`
`889`	`889`	`}`
`890`	`890`
`891`		`-.monaco-workbench .notebookOverlay .output .error::-webkit-scrollbar-thumb,`
	`891`	`+.monaco-workbench .notebookOverlay .output .error .traceback::-webkit-scrollbar-thumb,`
`892`	`892`	`.monaco-workbench .notebookOverlay .output-plaintext::-webkit-scrollbar-thumb {`
`893`	`893`	`height: 10px;`
`894`	`894`	`width: 10px;`
`895`	`895`	`}`
`896`	`896`
`897`		`-.monaco-workbench .notebookOverlay .output .error,`
	`897`	`+.monaco-workbench .notebookOverlay .output .error .traceback,`
`898`	`898`	`.monaco-workbench .notebookOverlay .output .output-plaintext {`
`899`	`899`	`overflow-x: auto;`
`900`	`900`	`}`
Original file line number	Diff line number	Diff line change
`@@ -2939,14 +2939,13 @@ registerThemingParticipant((theme, collector) => {`
`2939`	`2939`	`const scrollbarSliderBackgroundColor = theme.getColor(listScrollbarSliderBackground);`
`2940`	`2940`	`if (scrollbarSliderBackgroundColor) {`
`2941`	`2941`	collector.addRule(` .notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .scrollbar > .slider { background: ${scrollbarSliderBackgroundColor}; } `);
`2942`		- // collector.addRule(` .monaco-workbench .notebookOverlay .output-plaintext::-webkit-scrollbar-track { background: ${scrollbarSliderBackgroundColor}; } `);
`2943`	`2942`	`}`
`2944`	`2943`
`2945`	`2944`	`const scrollbarSliderHoverBackgroundColor = theme.getColor(listScrollbarSliderHoverBackground);`
`2946`	`2945`	`if (scrollbarSliderHoverBackgroundColor) {`
`2947`	`2946`	collector.addRule(` .notebookOverlay .cell-list-container > .monaco-list > .monaco-scrollable-element > .scrollbar > .slider:hover { background: ${scrollbarSliderHoverBackgroundColor}; } `);
`2948`	`2947`	collector.addRule(` .monaco-workbench .notebookOverlay .output-plaintext::-webkit-scrollbar-thumb { background: ${scrollbarSliderHoverBackgroundColor}; } `);
`2949`		- collector.addRule(` .monaco-workbench .notebookOverlay .output .error::-webkit-scrollbar-thumb { background: ${scrollbarSliderHoverBackgroundColor}; } `);
	`2948`	+ collector.addRule(` .monaco-workbench .notebookOverlay .output .error .traceback::-webkit-scrollbar-thumb { background: ${scrollbarSliderHoverBackgroundColor}; } `);
`2950`	`2949`	`}`
`2951`	`2950`
`2952`	`2951`	`const scrollbarSliderActiveBackgroundColor = theme.getColor(listScrollbarSliderActiveBackground);`