increased with of summary table in date fields

elastic · Nov 10, 2021 · 95a5d51 · 95a5d51
1 parent dedc2e9
commit 95a5d51
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/x-pack/plugins/data_visualizer/public/application/common/components/stats_table/_index.scss b/x-pack/plugins/data_visualizer/public/application/common/components/stats_table/_index.scss
@@ -3,6 +3,7 @@
 @import 'components/field_data_row/index';
 
 $panelWidthS:     #{'max(20%, 225px)'};
+$panelWidthM:     #{'max(30%, 300px)'};
 $panelWidthL:     #{'max(40%, 450px)'};
 
 .dvExpandedRow {
@@ -60,6 +61,11 @@ $panelWidthL:     #{'max(40%, 450px)'};
     .dvSummaryTable__wrapper {
       min-width: $panelWidthS;
       max-width: $panelWidthS;
+
+      &.dvPanel__dateSummary {
+        min-width: $panelWidthM;
+        max-width: $panelWidthM;
+      }
     }
 
     .dvTopValues__wrapper {

diff --git a/...ication/common/components/stats_table/components/field_data_expanded_row/date_content.tsx b/...ication/common/components/stats_table/components/field_data_expanded_row/date_content.tsx
@@ -77,7 +77,7 @@ export const DateContent: FC<FieldDataRowProps> = ({ config }) => {
   return (
     <ExpandedRowContent dataTestSubj={'dataVisualizerDateContent'}>
       <DocumentStatsTable config={config} />
-      <ExpandedRowPanel className={'dvSummaryTable__wrapper dvPanel__wrapper'}>
+      <ExpandedRowPanel className={'dvSummaryTable__wrapper dvPanel__wrapper dvPanel__dateSummary'}>
         <ExpandedRowFieldHeader>{summaryTableTitle}</ExpandedRowFieldHeader>
         <EuiBasicTable<SummaryTableItem>
           className={'dvSummaryTable'}