Modal + CSS tweaks. Done #3665 @1

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 b4ee24382c33c915ab6eaad3c841503c56170336..d51d1e37fc8c4694ce56879d950384c7093425df 100644 (file)
--- 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 f40f6c3618bb7833b6239354ebfbbcb927788608..10d8fbb7144ee3bd3c3f58f3ef7bcf6a39bec306 100644 (file)
--- 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 e65d0ea902bdbb122f3c5e5a1bf3c7ecb8322732..6002c3e946f22313b7d723271fff232fa789f188 100644 (file)
--- 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