Fix tooltip max width on larger screens

Fixes #510 (cherry picked from commit f4f2a6f5fc14244f9acf8186cbacda7f9c1e0481)
4 years ago · 80ba57d4b5
parent 9fe1663267
commit 80ba57d4b5
1 changed files with 5 additions and 9 deletions
--- a/frontend/src/Components/Tooltip/Tooltip.js
+++ b/frontend/src/Components/Tooltip/Tooltip.js
@ -13,19 +13,15 @@ let maxWidth = null;
 function getMaxWidth() {
  const windowWidth = window.innerWidth;

-  if (windowWidth > parseInt(dimensions.breakpointLarge)) {
+  if (windowWidth >= parseInt(dimensions.breakpointLarge)) {
    maxWidth = 800;
-  }
-
-  if (windowWidth > parseInt(dimensions.breakpointMedium)) {
+  } else if (windowWidth >= parseInt(dimensions.breakpointMedium)) {
    maxWidth = 650;
-  }
-
-  if (windowWidth > parseInt(dimensions.breakpointSmall)) {
+  } else if (windowWidth >= parseInt(dimensions.breakpointSmall)) {
    maxWidth = 500;
+  } else {
+    maxWidth = 450;
  }
-
-  maxWidth = 450;
 }

 class Tooltip extends Component {