From 498f27888732522440668a701a6ed17857ea51c3 Mon Sep 17 00:00:00 2001 From: Lucy Zhang Date: Wed, 15 Feb 2023 10:40:45 -0800 Subject: [PATCH] Add horizontal scrollbar to Kqlmagic table and remove plotly graph max width (#21934) * add scroll and remove plotly max width * scope down --- .../contrib/notebook/browser/cellViews/outputArea.css | 4 ++++ .../notebook/browser/outputs/plotlyOutput.component.ts | 1 - 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/src/sql/workbench/contrib/notebook/browser/cellViews/outputArea.css b/src/sql/workbench/contrib/notebook/browser/cellViews/outputArea.css index 031a113de6..fa863cb4de 100644 --- a/src/sql/workbench/contrib/notebook/browser/cellViews/outputArea.css +++ b/src/sql/workbench/contrib/notebook/browser/cellViews/outputArea.css @@ -20,3 +20,7 @@ output-area-component .notebook-output { white-space: pre-wrap; word-wrap: break-word; } + +output-area-component .notebook-output .output-userselect { + overflow: scroll; +} diff --git a/src/sql/workbench/contrib/notebook/browser/outputs/plotlyOutput.component.ts b/src/sql/workbench/contrib/notebook/browser/outputs/plotlyOutput.component.ts index 986ec10542..6bd866d3d1 100644 --- a/src/sql/workbench/contrib/notebook/browser/outputs/plotlyOutput.component.ts +++ b/src/sql/workbench/contrib/notebook/browser/outputs/plotlyOutput.component.ts @@ -78,7 +78,6 @@ export class PlotlyOutputComponent extends AngularDisposable implements IMimeCom PlotlyOutputComponent.Plotly = import('plotly.js-dist-min'); } this._plotDiv = this.output.nativeElement; - this._plotDiv.style.maxWidth = '700px'; this._plotDiv.style.width = '100%'; this.renderPlotly(); this._initialized = true;