Fix: expand maxWidth allow more humanName chars (#764)

* add maxwidth stretch to 300 instead of 180 in columns * make maxWidth for humanName dynamic * allow window resize listener * lint
microsoftgraph · Feb 12, 2021 · 74d0401 · 74d0401
1 parent 5f5246e
commit 74d0401
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/src/app/views/sidebar/sample-queries/SampleQueries.tsx b/src/app/views/sidebar/sample-queries/SampleQueries.tsx
@@ -356,6 +356,17 @@ export class SampleQueries extends Component<ISampleQueriesProps, any> {
       );
     }
 
+    let maxWidthOfHumanName = 180;
+    if (window.innerWidth > 1280) {
+      maxWidthOfHumanName = 300;
+    }
+
+    window.onresize = () => {
+      if (window.innerWidth > 1280) {
+        maxWidthOfHumanName = 300;
+      }
+    };
+
     const columns = [
       {
         key: 'authRequiredIcon',
@@ -376,7 +387,7 @@ export class SampleQueries extends Component<ISampleQueriesProps, any> {
         name: '',
         fieldName: 'humanName',
         minWidth: 100,
-        maxWidth: 180,
+        maxWidth: maxWidthOfHumanName,
       },
       {
         key: 'button',