From 532c3af554e361ad003abfe4a6269f61c3ca6950 Mon Sep 17 00:00:00 2001 From: Becky Reamy Date: Fri, 22 Mar 2024 09:49:40 -0400 Subject: [PATCH 1/6] KPMP-5233: Resize plots for umap --- src/components/Plots/FeaturePlot.js | 4 ++-- src/index.scss | 8 ++++---- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/components/Plots/FeaturePlot.js b/src/components/Plots/FeaturePlot.js index 935be0f5..f2252a98 100644 --- a/src/components/Plots/FeaturePlot.js +++ b/src/components/Plots/FeaturePlot.js @@ -43,13 +43,13 @@ class FeaturePlot extends Component { } getPlotSize() { if (window.innerWidth > 1197) { - return { plotHeight: 400, plotWidth: 460 }; + return { plotHeight: 500, plotWidth: 560 }; } else if (window.innerWidth > 991 && window.innerWidth <= 1197) { return { plotHeight: 350, plotWidth: 410 } } else if (window.innerWidth > 767 && window.innerWidth <= 991) { return { plotHeight: 600, plotWidth: 660 } } else if (window.innerWidth > 508 && window.innerWidth <= 767) { - return { plotHeight: 400, plotWidth: 460 } + return { plotHeight: 500, plotWidth: 560 } } else if (window.innerWidth > 408 && window.innerWidth <= 508) { return { plotHeight: 300, plotWidth: 360 } } else if (window.innerWidth > 0 && window.innerWidth <= 408) { diff --git a/src/index.scss b/src/index.scss index 02676715..fa20097b 100644 --- a/src/index.scss +++ b/src/index.scss @@ -357,8 +357,8 @@ tr.MuiTableRow-root:nth-child(even) { } #umapPlot { - width: 430px; - height: 400px; + width: 538px; + height: 500px; @media (max-width: 1198px) { width: 380px; height: 350px; @@ -368,8 +368,8 @@ tr.MuiTableRow-root:nth-child(even) { height: 600px; } @media (max-width: 768px) { - width: 430px; - height: 400px; + width: 538px; + height: 500px; } @media (max-width: 768px) { width: 330px; From 96aa04a8dd8d346b4c258ff2bfd48c793f09fac2 Mon Sep 17 00:00:00 2001 From: Becky Reamy Date: Fri, 22 Mar 2024 10:02:36 -0400 Subject: [PATCH 2/6] KPMP-5233: Fix off size in the middle --- src/components/Plots/FeaturePlot.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Plots/FeaturePlot.js b/src/components/Plots/FeaturePlot.js index f2252a98..1fae6729 100644 --- a/src/components/Plots/FeaturePlot.js +++ b/src/components/Plots/FeaturePlot.js @@ -47,7 +47,7 @@ class FeaturePlot extends Component { } else if (window.innerWidth > 991 && window.innerWidth <= 1197) { return { plotHeight: 350, plotWidth: 410 } } else if (window.innerWidth > 767 && window.innerWidth <= 991) { - return { plotHeight: 600, plotWidth: 660 } + return { plotHeight: 500, plotWidth: 560 } } else if (window.innerWidth > 508 && window.innerWidth <= 767) { return { plotHeight: 500, plotWidth: 560 } } else if (window.innerWidth > 408 && window.innerWidth <= 508) { From 212f1fb8220256f23572d1e4e51a2d44d249fa2e Mon Sep 17 00:00:00 2001 From: Becky Reamy Date: Fri, 22 Mar 2024 10:20:05 -0400 Subject: [PATCH 3/6] KPMP-5233: Fix off size in the middle --- src/components/Plots/FeaturePlot.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/Plots/FeaturePlot.js b/src/components/Plots/FeaturePlot.js index 1fae6729..03eb5811 100644 --- a/src/components/Plots/FeaturePlot.js +++ b/src/components/Plots/FeaturePlot.js @@ -43,13 +43,13 @@ class FeaturePlot extends Component { } getPlotSize() { if (window.innerWidth > 1197) { - return { plotHeight: 500, plotWidth: 560 }; + return { plotHeight: 500, plotWidth: 530 }; } else if (window.innerWidth > 991 && window.innerWidth <= 1197) { return { plotHeight: 350, plotWidth: 410 } } else if (window.innerWidth > 767 && window.innerWidth <= 991) { - return { plotHeight: 500, plotWidth: 560 } + return { plotHeight: 600, plotWidth: 660 } } else if (window.innerWidth > 508 && window.innerWidth <= 767) { - return { plotHeight: 500, plotWidth: 560 } + return { plotHeight: 500, plotWidth: 530 } } else if (window.innerWidth > 408 && window.innerWidth <= 508) { return { plotHeight: 300, plotWidth: 360 } } else if (window.innerWidth > 0 && window.innerWidth <= 408) { From d5132ae4b353ce33d4476cd8d3ce062e05950461 Mon Sep 17 00:00:00 2001 From: Becky Reamy Date: Fri, 22 Mar 2024 10:23:25 -0400 Subject: [PATCH 4/6] KPMP-5233: Fix off size in the middle --- src/components/Plots/FeaturePlot.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Plots/FeaturePlot.js b/src/components/Plots/FeaturePlot.js index 03eb5811..7e0ff040 100644 --- a/src/components/Plots/FeaturePlot.js +++ b/src/components/Plots/FeaturePlot.js @@ -49,7 +49,7 @@ class FeaturePlot extends Component { } else if (window.innerWidth > 767 && window.innerWidth <= 991) { return { plotHeight: 600, plotWidth: 660 } } else if (window.innerWidth > 508 && window.innerWidth <= 767) { - return { plotHeight: 500, plotWidth: 530 } + return { plotHeight: 400, plotWidth: 430 } } else if (window.innerWidth > 408 && window.innerWidth <= 508) { return { plotHeight: 300, plotWidth: 360 } } else if (window.innerWidth > 0 && window.innerWidth <= 408) { From 5b758af8d6ef9569460dd5750630732767edac2d Mon Sep 17 00:00:00 2001 From: Becky Reamy Date: Fri, 22 Mar 2024 10:27:00 -0400 Subject: [PATCH 5/6] KPMP-5233: Fix off size in the middle --- src/index.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/index.scss b/src/index.scss index fa20097b..04943da9 100644 --- a/src/index.scss +++ b/src/index.scss @@ -371,7 +371,7 @@ tr.MuiTableRow-root:nth-child(even) { width: 538px; height: 500px; } - @media (max-width: 768px) { + @media (max-width: 508px) { width: 330px; height: 300px; } From 6696c50838897d5be6f84dca798c92ee9024ba0f Mon Sep 17 00:00:00 2001 From: Becky Reamy Date: Fri, 22 Mar 2024 10:31:13 -0400 Subject: [PATCH 6/6] KPMP-5233: Fix off size in the middle --- src/index.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/index.scss b/src/index.scss index 04943da9..b5354732 100644 --- a/src/index.scss +++ b/src/index.scss @@ -368,8 +368,8 @@ tr.MuiTableRow-root:nth-child(even) { height: 600px; } @media (max-width: 768px) { - width: 538px; - height: 500px; + width: 438px; + height: 400px; } @media (max-width: 508px) { width: 330px;