fix: max table height in dashboards

malloydata · Oct 23, 2024 · c56d758 · c56d758
1 parent e690a7f
commit c56d758
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/packages/malloy-render/src/component/dashboard/dashboard.css b/packages/malloy-render/src/component/dashboard/dashboard.css
@@ -72,6 +72,11 @@
     font-size: 20px;
   }
 
+  .dashboard-item-value-table {
+    /* Fit ten non-wrapped table rows */
+    max-height: 361px;
+  }
+
   .dashboard-dimension-wrapper {
     display: grid;
     grid-template-rows: auto;

diff --git a/packages/malloy-render/src/component/dashboard/dashboard.tsx b/packages/malloy-render/src/component/dashboard/dashboard.tsx
@@ -52,6 +52,7 @@ function DashboardItem(props: {
         class="dashboard-item-value"
         classList={{
           'dashboard-item-value-measure': props.isMeasure,
+          'dashboard-item-value-table': rendering.renderAs === 'table',
         }}
       >
         {rendering.renderValue}