From f1a7f36f1704550e2f5d7761bb8927424f09238f Mon Sep 17 00:00:00 2001
From: FrancescoMolinaro <francesco.molinaro@4science.com>
Date: Fri, 19 Jan 2024 08:57:12 +0100
Subject: [PATCH 1/4] add logo max costraints

(cherry picked from commit 32e3141b1909d3e6e9e7d1ab55adc4f003f1bbf7)
---
 .../comcol/comcol-page-logo/comcol-page-logo.component.html   | 2 +-
 .../comcol/comcol-page-logo/comcol-page-logo.component.scss   | 4 ++++
 src/styles/_custom_variables.scss                             | 3 +++
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/app/shared/comcol/comcol-page-logo/comcol-page-logo.component.html b/src/app/shared/comcol/comcol-page-logo/comcol-page-logo.component.html
index 057c3582239..3608c7153ea 100644
--- a/src/app/shared/comcol/comcol-page-logo/comcol-page-logo.component.html
+++ b/src/app/shared/comcol/comcol-page-logo/comcol-page-logo.component.html
@@ -1,3 +1,3 @@
-<div *ngIf="logo" class="dso-logo mb-3">
+<div *ngIf="logo" class="dso-logo mb-3 logo-container">
     <img [src]="logo._links.content.href" class="img-fluid" [attr.alt]="alternateText ? alternateText : null" (error)="errorHandler($event)"/>
 </div>
diff --git a/src/app/shared/comcol/comcol-page-logo/comcol-page-logo.component.scss b/src/app/shared/comcol/comcol-page-logo/comcol-page-logo.component.scss
index e69de29bb2d..f0dd5436d90 100644
--- a/src/app/shared/comcol/comcol-page-logo/comcol-page-logo.component.scss
+++ b/src/app/shared/comcol/comcol-page-logo/comcol-page-logo.component.scss
@@ -0,0 +1,4 @@
+.logo-container {
+  max-width: var(--ds-comcol-logo-max-width);
+  max-height: var(--ds-comcol-logo-max-height);
+}
diff --git a/src/styles/_custom_variables.scss b/src/styles/_custom_variables.scss
index c10a875f571..0e54ec200cd 100644
--- a/src/styles/_custom_variables.scss
+++ b/src/styles/_custom_variables.scss
@@ -102,4 +102,7 @@
   --ds-dso-edit-lang-width: 90px;
   --ds-dso-edit-actions-width: 173px;
   --ds-dso-edit-virtual-tooltip-min-width: 300px;
+
+  --ds-comcol-logo-max-width: 500px;
+  --ds-comcol-logo-max-height: 500px;
 }

From 20f5f17aacebddaa4e6c9a5611db573f80d32abb Mon Sep 17 00:00:00 2001
From: FrancescoMolinaro <francesco.molinaro@4science.com>
Date: Tue, 23 Jan 2024 09:16:06 +0100
Subject: [PATCH 2/4] adapt solution to prevent img overflow

(cherry picked from commit d3c788a4e13ef1ccb23c64c025fcbcfa8af1c21f)
---
 .../comcol/comcol-page-logo/comcol-page-logo.component.scss     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/shared/comcol/comcol-page-logo/comcol-page-logo.component.scss b/src/app/shared/comcol/comcol-page-logo/comcol-page-logo.component.scss
index f0dd5436d90..db6e7daecfd 100644
--- a/src/app/shared/comcol/comcol-page-logo/comcol-page-logo.component.scss
+++ b/src/app/shared/comcol/comcol-page-logo/comcol-page-logo.component.scss
@@ -1,4 +1,4 @@
-.logo-container {
+img {
   max-width: var(--ds-comcol-logo-max-width);
   max-height: var(--ds-comcol-logo-max-height);
 }

From 682ec2b67848b1e33e65af2e4c6c363cf4c4ea8a Mon Sep 17 00:00:00 2001
From: FrancescoMolinaro <francesco.molinaro@4science.com>
Date: Tue, 23 Jan 2024 09:17:18 +0100
Subject: [PATCH 3/4] remove class from template

(cherry picked from commit d9e25882cebfa37a20553408f8863e907f96411a)
---
 .../comcol/comcol-page-logo/comcol-page-logo.component.html     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/shared/comcol/comcol-page-logo/comcol-page-logo.component.html b/src/app/shared/comcol/comcol-page-logo/comcol-page-logo.component.html
index 3608c7153ea..057c3582239 100644
--- a/src/app/shared/comcol/comcol-page-logo/comcol-page-logo.component.html
+++ b/src/app/shared/comcol/comcol-page-logo/comcol-page-logo.component.html
@@ -1,3 +1,3 @@
-<div *ngIf="logo" class="dso-logo mb-3 logo-container">
+<div *ngIf="logo" class="dso-logo mb-3">
     <img [src]="logo._links.content.href" class="img-fluid" [attr.alt]="alternateText ? alternateText : null" (error)="errorHandler($event)"/>
 </div>

From d4493cb5340ece8bef58d4ac69adfba3e49ead5c Mon Sep 17 00:00:00 2001
From: FrancescoMolinaro <francesco.molinaro@4science.com>
Date: Thu, 25 Jan 2024 09:00:05 +0100
Subject: [PATCH 4/4] add width 100% to prevent overflow on mobile

(cherry picked from commit f82ba8c5ad4fc5d64eacd0f0f0f5e9d50de5e2c8)
---
 .../comcol/comcol-page-logo/comcol-page-logo.component.html     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/shared/comcol/comcol-page-logo/comcol-page-logo.component.html b/src/app/shared/comcol/comcol-page-logo/comcol-page-logo.component.html
index 057c3582239..cb3feecbe59 100644
--- a/src/app/shared/comcol/comcol-page-logo/comcol-page-logo.component.html
+++ b/src/app/shared/comcol/comcol-page-logo/comcol-page-logo.component.html
@@ -1,3 +1,3 @@
 <div *ngIf="logo" class="dso-logo mb-3">
-    <img [src]="logo._links.content.href" class="img-fluid" [attr.alt]="alternateText ? alternateText : null" (error)="errorHandler($event)"/>
+    <img [src]="logo._links.content.href" class="w-100 img-fluid" [attr.alt]="alternateText ? alternateText : null" (error)="errorHandler($event)"/>
 </div>