From a28af1b24f6c429cacdb17eb3bb62cda74e8d33d Mon Sep 17 00:00:00 2001
From: vinaykumargujja <vinay.gujja@gspann.com>
Date: Fri, 8 Dec 2023 11:43:02 +0530
Subject: [PATCH 1/3] fixed font and padding with important

---
 blocks/model-image/model-image.css | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/blocks/model-image/model-image.css b/blocks/model-image/model-image.css
index 6d289cb..4cd2dc4 100644
--- a/blocks/model-image/model-image.css
+++ b/blocks/model-image/model-image.css
@@ -67,20 +67,20 @@
   outline: 0
 }
 
-#cboxClose {
+#cboxOverlay #colorbox #cboxClose {
   position: absolute;
   top: 0;
   right: 0;
   display: block;
   width: 32px;
   height: 32px;
-  padding: 0;
-  font-size: 28px;
+  padding: 0 !important;
+  font-size: 28px !important;
   font-family: Arial,Helvetica;
   line-height: 32px;
   background-color: #ec8f2d;
   color: #fff;
-  border-radius: 0;
+  border-radius: 0 !important;
   border: 0;
   margin: 0;
   overflow: visible;
@@ -90,21 +90,21 @@
   background-color: #00000050 !important
 }
 
-.model-image .icon-search {
+#cboxOverlay #colorbox .button.icon-search {
   position: absolute;
   bottom: 0;
   right: 0;
   display: block;
   width: 32px;
   height: 32px;
-  padding: 0;
+  padding: 0 !important;
   margin: 0;
   border: 0;
-  font-size: 16px;
+  font-size: 16px !important;
   line-height: 32px;
   background-color: #ec8f2d;
   color: #fff;
-  border-radius: 0
+  border-radius: 0 !important;
 }
 
 .model-image .icon-search:hover {

From 8caa6fde3b74b87ac4ea3d6203a9e3adcce58436 Mon Sep 17 00:00:00 2001
From: vinaykumargujja <vinay.gujja@gspann.com>
Date: Fri, 8 Dec 2023 14:08:16 +0530
Subject: [PATCH 2/3] fixed hid zoom icon after zoomed

---
 blocks/model-image/model-image.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/blocks/model-image/model-image.js b/blocks/model-image/model-image.js
index 0b9e02c..cdc3207 100644
--- a/blocks/model-image/model-image.js
+++ b/blocks/model-image/model-image.js
@@ -94,6 +94,7 @@ export default function decorate(block) {
       display: 'none',
     });
     addStyles(pictureTagForZoom.querySelector('img'), { 'max-width': '100%' });
+    addStyles(cboxWrapperSecondChildCboxbtnIconSearch, { display : 'block' });
   });
   overlayDiv.addEventListener('click', (e) => {
     e.stopPropagation();
@@ -104,13 +105,16 @@ export default function decorate(block) {
       display: 'none',
     });
     addStyles(pictureTagForZoom.querySelector('img'), { 'max-width': '100%' });
+    addStyles(cboxWrapperSecondChildCboxbtnIconSearch, { display : 'block' });
   });
   pictureTagForZoom.addEventListener('click', (e) => {
     e.stopPropagation();
     addStyles(pictureTagForZoom.querySelector('img'), { 'max-width': '200%' });
+    addStyles(cboxWrapperSecondChildCboxbtnIconSearch, { display : 'none' });
   });
   block.querySelector('.button.icon-search').addEventListener('click', (e) => {
     e.stopPropagation();
     addStyles(pictureTagForZoom.querySelector('img'), { 'max-width': '200%' });
+    addStyles(cboxWrapperSecondChildCboxbtnIconSearch, { display : 'none' });
   });
 }

From 76d1d76ef7334ca61342df654d7c4d4ed4e13bd1 Mon Sep 17 00:00:00 2001
From: vinaykumargujja <vinay.gujja@gspann.com>
Date: Fri, 8 Dec 2023 14:10:02 +0530
Subject: [PATCH 3/3] fixed lintIssues

---
 blocks/model-image/model-image.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/blocks/model-image/model-image.js b/blocks/model-image/model-image.js
index cdc3207..faa15f8 100644
--- a/blocks/model-image/model-image.js
+++ b/blocks/model-image/model-image.js
@@ -94,7 +94,7 @@ export default function decorate(block) {
       display: 'none',
     });
     addStyles(pictureTagForZoom.querySelector('img'), { 'max-width': '100%' });
-    addStyles(cboxWrapperSecondChildCboxbtnIconSearch, { display : 'block' });
+    addStyles(cboxWrapperSecondChildCboxbtnIconSearch, { display: 'block' });
   });
   overlayDiv.addEventListener('click', (e) => {
     e.stopPropagation();
@@ -105,16 +105,16 @@ export default function decorate(block) {
       display: 'none',
     });
     addStyles(pictureTagForZoom.querySelector('img'), { 'max-width': '100%' });
-    addStyles(cboxWrapperSecondChildCboxbtnIconSearch, { display : 'block' });
+    addStyles(cboxWrapperSecondChildCboxbtnIconSearch, { display: 'block' });
   });
   pictureTagForZoom.addEventListener('click', (e) => {
     e.stopPropagation();
     addStyles(pictureTagForZoom.querySelector('img'), { 'max-width': '200%' });
-    addStyles(cboxWrapperSecondChildCboxbtnIconSearch, { display : 'none' });
+    addStyles(cboxWrapperSecondChildCboxbtnIconSearch, { display: 'none' });
   });
   block.querySelector('.button.icon-search').addEventListener('click', (e) => {
     e.stopPropagation();
     addStyles(pictureTagForZoom.querySelector('img'), { 'max-width': '200%' });
-    addStyles(cboxWrapperSecondChildCboxbtnIconSearch, { display : 'none' });
+    addStyles(cboxWrapperSecondChildCboxbtnIconSearch, { display: 'none' });
   });
 }