[Vis Augmenter] Update base vis height in view events flyout (#4535) (#…

…4538) * [Vis Augmenter] Update base vis height in view events flyout Signed-off-by: Tyler Ohlsen <ohltyler@amazon.com> * Update CHANGELOG Signed-off-by: Tyler Ohlsen <ohltyler@amazon.com> --------- Signed-off-by: Tyler Ohlsen <ohltyler@amazon.com> (cherry picked from commit 6ae64b3) Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> # Conflicts: # CHANGELOG.md Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
opensearch-project · Jul 10, 2023 · 815ffa1 · 815ffa1
1 parent 3b9d45f
commit 815ffa1
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/plugins/vis_augmenter/public/view_events_flyout/components/styles.scss b/src/plugins/vis_augmenter/public/view_events_flyout/components/styles.scss
@@ -1,6 +1,6 @@
 $vis-description-width: 200px;
 $event-vis-height: 55px;
-$timeline-panel-height: 100px;
+$timeline-panel-height: 90px;
 $content-padding-top: 110px; // Padding needed within view events flyout content to sit comfortably below flyout header
 $date-range-height: 45px; // Static height we want for the date range picker component
 $error-icon-padding-right: -8px; // This is so the error icon is aligned consistent with the event count icons

diff --git a/src/plugins/vis_augmenter/public/view_events_flyout/components/view_events_flyout.tsx b/src/plugins/vis_augmenter/public/view_events_flyout/components/view_events_flyout.tsx
@@ -128,10 +128,14 @@ export function ViewEventsFlyout(props: Props) {
               >
                 <DateRangeItem timeRange={timeRange as TimeRange} reload={reload} />
               </EuiFlexItem>
-              <EuiFlexItem className="view-events-flyout__contentPanel" grow={5}>
+              <EuiFlexItem
+                className="view-events-flyout__contentPanel"
+                grow={7}
+                style={{ maxHeight: '40vh' }}
+              >
                 <BaseVisItem embeddable={visEmbeddable as VisualizeEmbeddable} />
               </EuiFlexItem>
-              <EuiFlexItem className="view-events-flyout__contentPanel show-y-scroll" grow={5}>
+              <EuiFlexItem className="view-events-flyout__contentPanel show-y-scroll" grow={3}>
                 <EventsPanel
                   eventVisEmbeddablesMap={eventVisEmbeddablesMap as EventVisEmbeddablesMap}
                 />