appscms-tools-theme 4.6.4 → 4.6.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4aea7884a301df8c0e6e3ff5664fb2c61b16e44394eb6a74d47a0372f621e7e8
-  data.tar.gz: 7c62873b75bbcfef31aca661a1a59f44e21dd8da0524acfc61a2fa87faa5a01e
+  metadata.gz: 8617847597e5c20baf7ce884425e291b722a32e6965ba190083e0cdcb0ddbd0c
+  data.tar.gz: d0593ef334c47802ddf73254fad7926cd25d2d5baabdb76e3b7911d7c1cded9e
 SHA512:
-  metadata.gz: c4cc84e13da968b2bd5b69605468c937e83bf81671aa60a09e5d7207fffe7f010c1672154175bc570471f3ce123c1489e494268987ba0e585d7bab74d2aeac3c
-  data.tar.gz: b182143b4db87882ac62273f4a99365decb5d25aee59f484ddbf5d539e4356f720968136e2ddfe641bd39c675c3e67f1002246b5529f2337c8c0a402134b1e94
+  metadata.gz: 4ab7c04a58aa38d4748e73cacfe3dc946490995ababa568d6d07a670b2b3c0ef45df7dad967a8041e242f765ec0dd6e0b892948448bf44fa1c0f73e8c0f4374e
+  data.tar.gz: da96a8f0010fb38736a15be2f45c0c582774c4a65d079f7fb4cb1b9ea9ca9aaade289caec1893deabafe8b4085ce0391355926f8bcb4404e9bca7590977bf32e

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/_includes/appscms/navbars/toolbar.html

@@ -77,4 +77,3 @@
     </div>
   </div>
 </div>
-

data/_includes/appscms/uploadbutton/uploadbutton.html

@@ -7,12 +7,33 @@
       class="col-xl-5 col-lg-4 col-md-8 col-sm-10 offset-md-1 offset-sm-0 mx-auto"
     >
       <div class="appscms-upload-section box">
-        
- <div class="appscms-upload-icon mb-1">
-  <svg height="55px" width="55px" 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 fill-rule="evenodd" clip-rule="evenodd" d="M12 2V7L12 7.05441C11.9999 7.47848 11.9998 7.8906 12.0455 8.23052C12.097 8.61372 12.2226 9.051 12.5858 9.41421C12.949 9.77743 13.3863 9.90295 13.7695 9.95447C14.1094 10.0002 14.5215 10.0001 14.9456 10H14.9456H14.9456H14.9456L15 10H20V16C20 18.8284 20 20.2426 19.1213 21.1213C18.2426 22 16.8284 22 14 22H10C7.17157 22 5.75736 22 4.87868 21.1213C4 20.2426 4 18.8284 4 16V8C4 5.17157 4 3.75736 4.87868 2.87868C5.75736 2 7.17157 2 10 2H12ZM14 2.00462V7C14 7.49967 14.0021 7.77383 14.0277 7.96402L14.0287 7.97131L14.036 7.97231C14.2262 7.99788 14.5003 8 15 8H19.9954C19.9852 7.58836 19.9525 7.31595 19.8478 7.06306C19.6955 6.69552 19.4065 6.40649 18.8284 5.82843L16.1716 3.17157C15.5935 2.59351 15.3045 2.30448 14.9369 2.15224C14.684 2.04749 14.4116 2.01481 14 2.00462ZM8 13C8 12.4477 8.44772 12 9 12L15 12C15.5523 12 16 12.4477 16 13C16 13.5523 15.5523 14 15 14L9 14C8.44772 14 8 13.5523 8 13ZM9 16C8.44772 16 8 16.4477 8 17C8 17.5523 8.44772 18 9 18H13C13.5523 18 14 17.5523 14 17C14 16.4477 13.5523 16 13 16H9Z" fill="#000"></path> </g></svg>
+        <div class="appscms-upload-icon mb-1">
+          <svg
+            height="55px"
+            width="55px"
+            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
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M12 2V7L12 7.05441C11.9999 7.47848 11.9998 7.8906 12.0455 8.23052C12.097 8.61372 12.2226 9.051 12.5858 9.41421C12.949 9.77743 13.3863 9.90295 13.7695 9.95447C14.1094 10.0002 14.5215 10.0001 14.9456 10H14.9456H14.9456H14.9456L15 10H20V16C20 18.8284 20 20.2426 19.1213 21.1213C18.2426 22 16.8284 22 14 22H10C7.17157 22 5.75736 22 4.87868 21.1213C4 20.2426 4 18.8284 4 16V8C4 5.17157 4 3.75736 4.87868 2.87868C5.75736 2 7.17157 2 10 2H12ZM14 2.00462V7C14 7.49967 14.0021 7.77383 14.0277 7.96402L14.0287 7.97131L14.036 7.97231C14.2262 7.99788 14.5003 8 15 8H19.9954C19.9852 7.58836 19.9525 7.31595 19.8478 7.06306C19.6955 6.69552 19.4065 6.40649 18.8284 5.82843L16.1716 3.17157C15.5935 2.59351 15.3045 2.30448 14.9369 2.15224C14.684 2.04749 14.4116 2.01481 14 2.00462ZM8 13C8 12.4477 8.44772 12 9 12L15 12C15.5523 12 16 12.4477 16 13C16 13.5523 15.5523 14 15 14L9 14C8.44772 14 8 13.5523 8 13ZM9 16C8.44772 16 8 16.4477 8 17C8 17.5523 8.44772 18 9 18H13C13.5523 18 14 17.5523 14 17C14 16.4477 13.5523 16 13 16H9Z"
+                fill="#000"
+              ></path>
+            </g>
+          </svg>
         </div>
         <div for="image-upload" class="upload-btn">
-          {{site.uploadButtonText | default: "Upload Image" }}
+          {{ page.uploadButtonText | default: site.uploadButtonText | default:
+          "Upload Image" }}
         </div>
 
         <div class="upload-from-drives">
@@ -31,14 +52,13 @@
             alt="dropbox"
           />
         </div>
-       
+
         <div class="or-in-upload">
           <div class="line-in-upload"></div>
           <span>or</span>
           <div class="line-in-upload"></div>
         </div>
         <span class="drag-msg">drag and drop here</span>
-       
       </div>
     </div>
   </div>

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;
-}

data/assets/css/appscms-theme.css

@@ -2006,3 +2006,78 @@ select:focus {
   box-shadow: 0 0 0 0.2rem #1d16e840 !important;
   outline: none !important;
 }
+
+.icon_box svg {
+  background-color: #1b2fe7c0;
+  padding: 4px;
+  border-radius: 3px;
+  fill: #1b2fe7;
+}
+
+.expand_menu-name-categiry {
+  font-weight: 600;
+  font-size: 12px;
+  color: #828586;
+  padding-left: 8px;
+  margin-bottom: 8px;
+}
+.category-tools__item {
+  padding: 8px;
+  border-radius: 8px;
+  margin-top: 8px;
+}
+.icon_box {
+  width: 56px;
+  height: 56px;
+  border-radius: 8px;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  margin-top: 3px;
+  flex-shrink: 0;
+}
+.category-tools__content {
+  margin-left: 10px;
+}
+.category-tools__item {
+  display: flex;
+}
+.category-tools__item h4 {
+  margin: 0;
+  font-weight: 600;
+  font-size: 17px;
+  line-height: 1.5;
+  color: #181d20;
+  white-space: nowrap;
+}
+.category-tools__descr {
+  font-weight: 400;
+  font-size: 13px;
+
+  color: #000;
+}
+.mega_menu {
+  padding: 0;
+}
+.expand_menu .mega_menu li a {
+  font-weight: 500;
+  line-height: 1.5;
+  color: #181d20;
+  padding-top: 8px;
+  padding-bottom: 8px;
+  align-items: center;
+}
+
+.mega_menu li a {
+  font-weight: 500;
+  line-height: 2;
+  color: #181d20;
+  padding-top: 8px;
+  padding-bottom: 8px;
+  font-size: 17px;
+}

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.6
 platform: ruby
 authors:
 - vivek-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-06-15 00:00:00.000000000 Z
+date: 2024-06-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll