update scrollbars when dimensions change

Author: jrieken

src/vs/editor/browser/widget/diffEditor/components/accessibleDiffViewer.css

@@ -3,66 +3,70 @@
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
 
-.monaco-diff-editor .diff-review-line-number {
-	text-align: right;
-	display: inline-block;
-	color: var(--vscode-editorLineNumber-foreground);
+.monaco-component.diff-review {
+	user-select: none;
+	-webkit-user-select: none;
+	z-index: 99;
 }
 
 .monaco-diff-editor .diff-review {
 	position: absolute;
-	user-select: none;
-	-webkit-user-select: none;
-	z-index: 99;
+
+}
+
+.monaco-component.diff-review .diff-review-line-number {
+	text-align: right;
+	display: inline-block;
+	color: var(--vscode-editorLineNumber-foreground);
 }
 
-.monaco-diff-editor .diff-review-summary {
+.monaco-component.diff-review .diff-review-summary {
 	padding-left: 10px;
 }
 
-.monaco-diff-editor .diff-review-shadow {
+.monaco-component.diff-review .diff-review-shadow {
 	position: absolute;
 	box-shadow: var(--vscode-scrollbar-shadow) 0 -6px 6px -6px inset;
 }
 
-.monaco-diff-editor .diff-review-row {
+.monaco-component.diff-review .diff-review-row {
 	white-space: pre;
 }
 
-.monaco-diff-editor .diff-review-table {
+.monaco-component.diff-review .diff-review-table {
 	display: table;
 	min-width: 100%;
 }
 
-.monaco-diff-editor .diff-review-row {
+.monaco-component.diff-review .diff-review-row {
 	display: table-row;
 	width: 100%;
 }
 
-.monaco-diff-editor .diff-review-spacer {
+.monaco-component.diff-review .diff-review-spacer {
 	display: inline-block;
 	width: 10px;
 	vertical-align: middle;
 }
 
-.monaco-diff-editor .diff-review-spacer > .codicon {
+.monaco-component.diff-review .diff-review-spacer > .codicon {
 	font-size: 9px !important;
 }
 
-.monaco-diff-editor .diff-review-actions {
+.monaco-component.diff-review .diff-review-actions {
 	display: inline-block;
 	position: absolute;
 	right: 10px;
 	top: 2px;
 	z-index: 100;
 }
 
-.monaco-diff-editor .diff-review-actions .action-label {
+.monaco-component.diff-review .diff-review-actions .action-label {
 	width: 16px;
 	height: 16px;
 	margin: 2px 0;
 }
 
-.monaco-diff-editor .revertButton {
+.monaco-component.diff-review .revertButton {
 	cursor: pointer;
 }

src/vs/editor/browser/widget/diffEditor/components/accessibleDiffViewer.ts

@@ -354,7 +354,7 @@ class View extends Disposable {
 		super();
 
 		this.domNode = this._element;
-		this.domNode.className = 'diff-review monaco-editor-background';
+		this.domNode.className = 'monaco-component diff-review monaco-editor-background';
 
 		const actionBarContainer = document.createElement('div');
 		actionBarContainer.className = 'diff-review-actions';
@@ -381,6 +381,12 @@ class View extends Disposable {
 		this._scrollbar = this._register(new DomScrollableElement(this._content, {}));
 		reset(this.domNode, this._scrollbar.getDomNode(), actionBarContainer);
 
+		this._register(autorun(r => {
+			this._height.read(r);
+			this._width.read(r);
+			this._scrollbar.scanDomNode();
+		}));
+
 		this._register(toDisposable(() => { reset(this.domNode); }));
 
 		this._register(applyStyle(this.domNode, { width: this._width, height: this._height }));