Update Grid add with Unveil effect

templaza · Sep 26, 2024 · e0973ba · e0973ba
1 parent 18a5b17
commit e0973ba
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/assets/vendor/astroid/scss/utilities/_animations.scss b/assets/vendor/astroid/scss/utilities/_animations.scss
@@ -602,7 +602,7 @@
 .as-effect-unveil {
 	position: relative;
 	overflow: hidden;
-	> img {
+	img {
 		transition: opacity 0.35s, transform 0.35s, filter 0.35s;
 	}
 	&:before {
@@ -644,7 +644,7 @@
 			border-left-color: rgba(255, 255, 255, 0.75);
 			transform: rotate(-35deg);
 		}
-		> img {
+		img {
 			opacity: 0.9;
 			filter: brightness(100%) contrast(113%) saturate(159%) blur(0.2px) hue-rotate(0deg);
 			-webkit-transform: scale3d(1.05, 1.05, 1);

diff --git a/assets/vendor/astroid/scss/widgets/_grid.scss b/assets/vendor/astroid/scss/widgets/_grid.scss
@@ -20,6 +20,7 @@
     border: none;
   }
   .card-img-overlay {
+    pointer-events: none;
     top: auto;
   }
 }
diff --git a/framework/elements/grid/grid.php b/framework/elements/grid/grid.php
@@ -165,8 +165,10 @@
 
     $media          =   '';
     if ($grid_params->get('type', '') == 'image' && $grid_params->get('image', '')) {
-        $media      =   '<div class="as-image-cover position-relative overflow-hidden' . ($layout == 'overlay' ? ' astroid-image-overlay-cover' : '') . $image_border_radius . $hover_effect . $transition . ($media_position == 'bottom' ? ' order-2 ' : '') . '">';
+        $media      =   '<div class="as-image-cover position-relative overflow-hidden' . $image_border_radius . $hover_effect . $transition . ($media_position == 'bottom' ? ' order-2 ' : '') . '">';
+        $media      .=  $layout == 'overlay' ? '<div class="as-image-cover astroid-image-overlay-cover">' : '';
         $media      .=  '<img class="' . ($image_fullwidth ? 'w-100' : '') . ($enable_image_cover || $media_position == 'left' || $media_position == 'right' ? ' object-fit-cover h-100' : '') . ($params->get('card_style', '') == 'none' ? '' : ' card-img-'. $media_position) .'" src="'. Astroid\Helper\Media::getPath() . '/' . $grid_params->get('image', '').'" alt="'.$grid_params->get('title', '').'">';
+        $media      .=  $layout == 'overlay' ? '</div>' : '';
         $media      .=  '</div>';
         if ( !empty($grid_params->get('link', '')) ) {
             $media      =   '<a href="'. $grid_params->get('link', '') . '"'.$link_target.' class="'.($media_position == 'bottom' ? 'order-2 ' : '').'">'. $media .'</a>';

diff --git a/language/en-GB/en-GB.astroid.ini b/language/en-GB/en-GB.astroid.ini
@@ -1258,6 +1258,7 @@ ASTROID_WIDGET_SHADOW_POPUP="Popup Shadow"
 ASTROID_WIDGET_HOVER_EFFECT_LABEL="Hover Effect"
 ASTROID_WIDGET_EFFECT_LIGHT_UP="Light Up"
 ASTROID_WIDGET_EFFECT_FLASH="Flash"
+ASTROID_WIDGET_EFFECT_UNVEIL="Unveil"
 ASTROID_WIDGET_TRANSITION_LABEL="Transition"
 ASTROID_WIDGET_HOVER_TRANSITION_LABEL="Hover Transition"
 ASTROID_WIDGET_TRANSITION_SCALE_UP="Scale Up"