Specify widths on table columns to support long field names

elastic · Mar 23, 2018 · 01347ee · 01347ee
1 parent 1fd0558
commit 01347ee
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 0 deletions.
diff --git a/..._pattern/indexed_fields_table/components/table/__tests__/__snapshots__/table.test.js.snap b/..._pattern/indexed_fields_table/components/table/__tests__/__snapshots__/table.test.js.snap
@@ -91,6 +91,7 @@ exports[`Table should render normally 1`] = `
         "name": "Name",
         "render": [Function],
         "sortable": true,
+        "width": "38%",
       },
       Object {
         "dataType": "string",
@@ -140,6 +141,7 @@ exports[`Table should render normally 1`] = `
           },
         ],
         "name": "",
+        "width": "40px",
       },
     ]
   }

diff --git a/...gement/sections/indices/edit_index_pattern/indexed_fields_table/components/table/table.js b/...gement/sections/indices/edit_index_pattern/indexed_fields_table/components/table/table.js
@@ -75,6 +75,7 @@ export class Table extends PureComponent {
         render: (value) => {
           return this.renderFieldName(value, indexPattern.timeFieldName === value);
         },
+        width: '38%',
       },
       {
         field: 'type',
@@ -126,6 +127,7 @@ export class Table extends PureComponent {
             type: 'icon',
           },
         ],
+        width: '40px',
       }
     ];
 

diff --git a/...pattern/scripted_fields_table/components/table/__tests__/__snapshots__/table.test.js.snap b/...pattern/scripted_fields_table/components/table/__tests__/__snapshots__/table.test.js.snap
@@ -10,6 +10,7 @@ exports[`Table should render normally 1`] = `
         "field": "displayName",
         "name": "Name",
         "sortable": true,
+        "width": "38%",
       },
       Object {
         "dataType": "string",
@@ -50,6 +51,7 @@ exports[`Table should render normally 1`] = `
           },
         ],
         "name": "",
+        "width": "40px",
       },
     ]
   }

diff --git a/...ement/sections/indices/edit_index_pattern/scripted_fields_table/components/table/table.js b/...ement/sections/indices/edit_index_pattern/scripted_fields_table/components/table/table.js
@@ -38,6 +38,7 @@ export class Table extends PureComponent {
       description: `Name of the field`,
       dataType: 'string',
       sortable: true,
+      width: '38%',
     }, {
       field: 'lang',
       name: 'Lang',
@@ -77,6 +78,7 @@ export class Table extends PureComponent {
         color: 'danger',
         onClick: deleteField,
       }],
+      width: '40px',
     }];
 
     const pagination = {