From 2ba39c6cb1263535d56e01d09c27ff04e967ba26 Mon Sep 17 00:00:00 2001
From: Stephen Cameron <stephen@cubedesigners.com>
Date: Thu, 25 Jun 2020 10:08:10 +0200
Subject: [PATCH] Modal + CSS tweaks. Done #3665 @1

---
 .../themes/STR/resources/assets/styles/common/global.styl  | 7 ++++---
 .../STR/resources/assets/styles/widgets/solution-grid.styl | 4 ++--
 .../STR/resources/views/widgets/solution-grid.blade.php    | 2 +-
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/wp-content/themes/STR/resources/assets/styles/common/global.styl b/wp-content/themes/STR/resources/assets/styles/common/global.styl
index b4ee243..d51d1e3 100644
--- a/wp-content/themes/STR/resources/assets/styles/common/global.styl
+++ b/wp-content/themes/STR/resources/assets/styles/common/global.styl
@@ -19,7 +19,8 @@ p:not(:last-child)
         width: 10%
 
   .elementor-lightbox-image
-    border-radius: 1vw
+    border-radius: 24px
 
-    +above($content-max-width)
-      border-radius: 16px
+    // Once the popup image starts to be scaled down, the border radius also needs to scale
+    +below(532px)
+      border-radius: 4.5vw // 24px / 532px * 100vw
diff --git a/wp-content/themes/STR/resources/assets/styles/widgets/solution-grid.styl b/wp-content/themes/STR/resources/assets/styles/widgets/solution-grid.styl
index f40f6c3..10d8fbb 100644
--- a/wp-content/themes/STR/resources/assets/styles/widgets/solution-grid.styl
+++ b/wp-content/themes/STR/resources/assets/styles/widgets/solution-grid.styl
@@ -4,9 +4,9 @@
   grid-column-gap: 4.15%
   constrain(grid-row-gap, 3vw, $base-width, false)
 
-  +below(768px)
+  +below(1280px)
     grid-template-columns: repeat(3, 1fr)
-  +below(500px)
+  +below(768px)
     grid-template-columns: repeat(2, 1fr)
 
   img
diff --git a/wp-content/themes/STR/resources/views/widgets/solution-grid.blade.php b/wp-content/themes/STR/resources/views/widgets/solution-grid.blade.php
index e65d0ea..6002c3e 100644
--- a/wp-content/themes/STR/resources/views/widgets/solution-grid.blade.php
+++ b/wp-content/themes/STR/resources/views/widgets/solution-grid.blade.php
@@ -1,6 +1,6 @@
 <div class="solution-grid">
   @foreach($items as $item)
-    <a href="{{ $item['solution']['url'] }}" data-elementor-lightbox-slideshow="{{ $ID }}">
+    <a href="{{ $item['solution']['url'] }}">
       <img class="solution-grid-thumbnail" src="{{ $item['puzzle']['url'] }}">
     </a>
   @endforeach
-- 
2.39.5