appscms-tools-theme 4.6.4 → 4.6.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4aea7884a301df8c0e6e3ff5664fb2c61b16e44394eb6a74d47a0372f621e7e8
-  data.tar.gz: 7c62873b75bbcfef31aca661a1a59f44e21dd8da0524acfc61a2fa87faa5a01e
+  metadata.gz: ab5dfda2e2eb73077b21353d39af8d23d1b9863c748d0a3859e27f472bc6a5eb
+  data.tar.gz: 0e4d75f32f4e4cf17d8b2af8af64b1f94d34ebfa3d093065654a038594820323
 SHA512:
-  metadata.gz: c4cc84e13da968b2bd5b69605468c937e83bf81671aa60a09e5d7207fffe7f010c1672154175bc570471f3ce123c1489e494268987ba0e585d7bab74d2aeac3c
-  data.tar.gz: b182143b4db87882ac62273f4a99365decb5d25aee59f484ddbf5d539e4356f720968136e2ddfe641bd39c675c3e67f1002246b5529f2337c8c0a402134b1e94
+  metadata.gz: aa50c66b61e17f36f6cfd8f36d8954577f85d8b818e63479766f8a36ca62f380d0c9f2fbe509bd6dacfbc0f97922ce373ab8a7722b736f819c0ba6b1c4372d80
+  data.tar.gz: 97178496db62993218d49c38b0a62daae6ba3800e5e2837b6d95097cb5a36e4c76656ee62da558b53516c983d7aadaf407ec2200a9458791c6afc560c4efef9e

data/_data/feature/en/compress-pdf.json

@@ -110,15 +110,15 @@
   ],
   "infographics": [
     {
-      "image": "/assets/images/1.webp",
+      "image": "/uploads/info.png",
       "description": "How to set alarm on wake me up at 4:45 am tool"
     },
     {
-      "image": "/assets/images/2.webp",
+      "image": "/uploads/info.png",
       "description": "5 benefits of using wake me up at 4:45 am tool"
     },
     {
-      "image": "/assets/images/3.webp",
+      "image": "/uploads/info.png",
       "description": "Additional features of wake me up at 4:45 am tool"
     }
   ],

data/_includes/appscms/infographics/infographics.html

@@ -18,6 +18,7 @@
     margin-top: 20px;
   }
   .modal1-body img {
+    width: 100%;
     height: auto;
   }
   .close1 {
@@ -35,29 +36,7 @@
 <div class="inforgraphics_section">
   <h3 class="text-center w-100 mb-5"><b>Other useful information</b></h3>
   <div class="wrapper">
-    <svg
-      id="left"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
-      <g
-        id="SVGRepo_tracerCarrier"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      ></g>
-      <g id="SVGRepo_iconCarrier">
-        <path
-          d="M15 19.9201L8.47997 13.4001C7.70997 12.6301 7.70997 11.3701 8.47997 10.6001L15 4.08008"
-          stroke="#292D32"
-          stroke-width="1.5"
-          stroke-miterlimit="10"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-        ></path>
-      </g>
-    </svg>
+    <i id="left" class="fas fa-angle-left"></i>
     <div class="carousel">
       <div class="carousel-inner">
         {%- if pageData.infographics -%} {% for item in pageData.infographics %}
@@ -75,28 +54,7 @@
         {% endfor %} {%- endif -%}
       </div>
     </div>
-    <svg
-      id="right"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
-      <g
-        id="SVGRepo_tracerCarrier"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      ></g>
-      <g id="SVGRepo_iconCarrier">
-        <path
-          d="M9 5L14.15 10C14.4237 10.2563 14.6419 10.5659 14.791 10.9099C14.9402 11.2539 15.0171 11.625 15.0171 12C15.0171 12.375 14.9402 12.7458 14.791 13.0898C14.6419 13.4339 14.4237 13.7437 14.15 14L9 19"
-          stroke="#000000"
-          stroke-width="1.5"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-        ></path>
-      </g>
-    </svg>
+    <i id="right" class="fas fa-angle-right"></i>
   </div>
 </div>
 <div id="imageModal1" class="modal1" onclick="closeModal1()">
@@ -126,14 +84,14 @@
   });
   const carousel = document.querySelector(".carousel-inner"),
     firstImg = carousel.querySelectorAll("img")[0],
-    arrowIcons = document.querySelectorAll(".wrapper svg");
+    arrowIcons = document.querySelectorAll(".wrapper i");
   const numImages = carousel.querySelectorAll("img").length;
   const isMobile = window.matchMedia("(max-width: 767px)").matches; // Check if screen width is less than or equal to 767px
   if (numImages > 3) {
     arrowIcons[1].style.display = "block";
   } else {
-    // arrowIcons[0].style.display = "none";
-    // arrowIcons[1].style.display = "none";
+    arrowIcons[0].style.display = "none";
+    arrowIcons[1].style.display = "none";
   }
   let isDragStart = false,
     isDragging = false,
@@ -148,7 +106,7 @@
   };
   arrowIcons.forEach((icon) => {
     icon.addEventListener("click", () => {
-      let firstImgWidth = firstImg.clientWidth + 250;
+      let firstImgWidth = firstImg.clientWidth + 40;
       const scrollAmount = icon.id === "left" ? -firstImgWidth : firstImgWidth;
       carousel.scrollBy({
         left: scrollAmount,

data/assets/css/appscms-feature.css

@@ -291,7 +291,6 @@
   display: flex;
   max-width: 90%;
   position: relative;
-  align-items: center;
 }
 
 .inforgraphics_section .wrapper i {
@@ -350,14 +349,12 @@
   flex: 0 0 calc(100% / 3);
   scroll-snap-align: start;
   padding: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
 }
 
 .carousel img {
+  width: 100%;
   object-fit: contain;
+  max-width: 100%;
   height: auto;
   border-radius: 8px;
 }
@@ -399,16 +396,3 @@
     margin-right: 0;
   }
 }
-
-.modal1-body {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100vh;
-}
-
-.inforgraphics_section #right,
-.inforgraphics_section #left {
-  height: 35px;
-  width: 200px;
-}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 4.6.4
+  version: 4.6.5
 platform: ruby
 authors:
 - vivek-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-06-15 00:00:00.000000000 Z
+date: 2024-06-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll