This is an automated email from the ASF dual-hosted git repository.

aglinxinyuan pushed a commit to branch xinyuan-fix-vis
in repository https://gitbox.apache.org/repos/asf/texera.git

commit a04f9a29b92d19d17ec278c9c53be824b76f225d
Author: Xinyuan Lin <[email protected]>
AuthorDate: Mon Apr 27 21:20:54 2026 -0700

    init
---
 .../workspace/component/result-panel/result-panel.component.html   | 4 +++-
 .../workspace/component/result-panel/result-panel.component.scss   | 7 +++++++
 .../visualization-frame-content.component.scss                     | 6 +++---
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git 
a/frontend/src/app/workspace/component/result-panel/result-panel.component.html 
b/frontend/src/app/workspace/component/result-panel/result-panel.component.html
index 0e3a74f8e2..3660aaef99 100644
--- 
a/frontend/src/app/workspace/component/result-panel/result-panel.component.html
+++ 
b/frontend/src/app/workspace/component/result-panel/result-panel.component.html
@@ -103,7 +103,9 @@
       </div>
       <div *ngFor="let config of frameComponentConfigs | keyvalue">
         <nz-tab nzTitle="{{config.key}}">
-          <div #dynamicComponent>
+          <div
+            #dynamicComponent
+            class="result-frame">
             <ng-container
               *ngComponentOutlet="config.value.component;inputs: 
config.value.componentInputs"></ng-container>
           </div>
diff --git 
a/frontend/src/app/workspace/component/result-panel/result-panel.component.scss 
b/frontend/src/app/workspace/component/result-panel/result-panel.component.scss
index 9dbdd63dd5..c24ea2b564 100644
--- 
a/frontend/src/app/workspace/component/result-panel/result-panel.component.scss
+++ 
b/frontend/src/app/workspace/component/result-panel/result-panel.component.scss
@@ -67,6 +67,13 @@ $type-colors: (
   height: inherit;
 }
 
+.result-content,
+:host ::ng-deep .result-content .ant-tabs-content-holder,
+:host ::ng-deep .result-content .ant-tabs-content,
+:host ::ng-deep .result-content .ant-tabs-tabpane {
+  height: 100%;
+}
+
 #result-buttons {
   position: absolute;
   bottom: 0;
diff --git 
a/frontend/src/app/workspace/component/visualization-panel-content/visualization-frame-content.component.scss
 
b/frontend/src/app/workspace/component/visualization-panel-content/visualization-frame-content.component.scss
index 1eba108d9e..c84ac14627 100644
--- 
a/frontend/src/app/workspace/component/visualization-panel-content/visualization-frame-content.component.scss
+++ 
b/frontend/src/app/workspace/component/visualization-panel-content/visualization-frame-content.component.scss
@@ -18,8 +18,8 @@
  */
 
 #html-content {
-  position: absolute;
-  width: calc(100% - 115px);
-  height: calc(100% - 40px);
+  display: block;
+  width: 100%;
+  height: 100%;
   border: none;
 }

Reply via email to