@net7/boilerplate-muruca 5.2.3 → 5.2.4

package/lib/components/gallery/gallery.d.ts

@@ -1,8 +1,4 @@
 import * as i0 from "@angular/core";
-export type GalleryData = {
-    selected: null | GalleryItem;
-    items: GalleryItem[];
-};
 export type GalleryItem = {
     id: string | number;
     thumbSrc: string;
@@ -10,6 +6,10 @@ export type GalleryItem = {
     title: string;
     payload: any;
 };
+export type GalleryData = {
+    selected: null | GalleryItem;
+    items: GalleryItem[];
+};
 export declare class MrGalleryComponent {
     data: GalleryData;
     emit: (type: string, payload?: any) => void;

package/lib/layouts/timeline-layout/timeline-layout.d.ts

@@ -33,6 +33,7 @@ export declare class MrTimelineLayoutComponent extends AbstractLayout implements
     };
     ngOnInit(): void;
     ngOnDestroy(): void;
+    loadWidgets(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MrTimelineLayoutComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MrTimelineLayoutComponent, "mr-timeline-layout", never, {}, {}, never, never, false, never>;
 }

package/lib/layouts/timeline-layout/timeline-layout.ds.d.ts

@@ -22,6 +22,7 @@ export declare class MrTimelineLayoutDS extends LayoutDataSource {
     eventDescription: string;
     timelineData: TimelineData;
     hasMap: boolean;
+    hasGallery: boolean;
     route: any;
     mapHeader: any;
     timelineListener$: Subject<Timeline>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@net7/boilerplate-muruca",
-  "version": "5.2.3",
+  "version": "5.2.4",
   "peerDependencies": {
     "@angular/common": "^17.3.11",
     "@angular/core": "^17.3.11"

package/src/lib/styles/muruca/components/_gallery.scss

@@ -38,7 +38,7 @@
         padding: 0;
 
         img {
-            height: 100vh;
+            height: 90vh;
             width: 100%;
             object-fit: contain;
             position: absolute;

package/src/lib/styles/muruca/components/_wp-content.scss

@@ -284,35 +284,55 @@
 .mr-wp-content {
     .wp-block-gallery {
         display: flex;
+        width: 100%;
+        margin-bottom: 32px;
+        padding-bottom: 32px;
+        border-bottom: 1px solid #dddddd;
         @include consistent;
 
         .blocks-gallery-grid {
             // UL element
             @include consistent;
+            width: 100%;
             padding: 0;
             margin: 0 auto;
             list-style: none;
             max-width: none;
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: flex-start;
+            row-gap: 25px;
+            column-gap: 25px;
+
+            &::after {
+                content: none;
+            }
         }
 
         .blocks-gallery-item {
+            border: 1px solid #dddddd;
+            transition: all $transition-durations;
+            
             figure {
                 margin: 0;
 
                 a {
                     display: block;
                     width: 150px;
-                    height: 150px;
-                    overflow: hidden;
-                    border-radius: $border-radius;
-                    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.095),
-                    0 5px 25px rgba(0, 0, 0, 0.095);
-                    transition: all $transition-durations;
-
+                    // height: 150px;
+                    // overflow: hidden;
+                    padding: 8px;
+                    // border-radius: $border-radius;
+                    // box-shadow: 0 1px 1px rgba(0, 0, 0, 0.095), 0 5px 25px rgba(0, 0, 0, 0.095);
+                    
                     img {
                         border-radius: 0;
                         box-shadow: none;
                     }
+                    
+                    figcaption {
+                        color: #5397c7;
+                    }
                 }
             }
 
@@ -324,15 +344,10 @@
                 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.095),
                 0 5px 25px rgba(0, 0, 0, 0.095);
             }
+        }
 
-            figure:hover a {
-                box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2),
-                0 10px 25px rgba(0, 0, 0, 0.1);
-
-                img {
-                    transform: scale(1.1);
-                }
-            }
+        .blocks-gallery-item:hover {
+            transform: scale(1.1);
         }
 
         .blocks-gallery-item__caption {
@@ -414,6 +429,21 @@
             }
         }
     }
+
+    // ZOOM
+    .mr-gallery__zoom-figcaption {
+        height: 9.8vh;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 100%;
+        position: absolute;
+        bottom: 0;
+        background-color: black;
+        opacity: 0.8;
+        font-size: 18px;
+        color: white;
+    }
 }
 
 /* ------------------------------------ *\

package/src/lib/styles/muruca/layouts/_timeline.scss

@@ -127,7 +127,8 @@
 
             &__description-text {
                 font-size: 16px;
-                padding: 0 15px 0 5px;
+                // padding: 0 5px 0 5px;
+                text-align: left;
             }
         }
     }