appscms-tools-theme 4.3.8 → 4.3.9

data/_includes/appscms/navbars/toolbar.html

@@ -3,6 +3,18 @@
   <div class="row">
     <div class="col-11 mx-auto">
       <ul class="appscms-toolbar-list">
+       
+<!-- <div class="scroll-left">
+<svg width="23px" height="23px" viewBox="-4.5 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
+<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+
+<g id="SVGRepo_iconCarrier"> <title>arrow_left [#ffffff]</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-345.000000, -6679.000000)" fill="#ffffff"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M299.633777,6519.29231 L299.633777,6519.29231 C299.228878,6518.90256 298.573377,6518.90256 298.169513,6519.29231 L289.606572,6527.55587 C288.797809,6528.33636 288.797809,6529.60253 289.606572,6530.38301 L298.231646,6538.70754 C298.632403,6539.09329 299.27962,6539.09828 299.685554,6538.71753 L299.685554,6538.71753 C300.100809,6538.32879 300.104951,6537.68821 299.696945,6537.29347 L291.802968,6529.67648 C291.398069,6529.28574 291.398069,6528.65315 291.802968,6528.26241 L299.633777,6520.70538 C300.038676,6520.31563 300.038676,6519.68305 299.633777,6519.29231" id="arrow_left-[#ffffff]"> </path> </g> </g> </g> </g>
+
+</svg>
+</div> -->
         <div id="close-nav-ham" data-open="1" class="close-nav-ham">
           <svg
             height="50px"
@@ -37,6 +49,7 @@
             </g>
           </svg>
         </div>
+
         {%- for item in siteData.megaMenu.dropdown -%}
         <li class="appscms-toolbar-list-item">
           <span
@@ -68,6 +81,19 @@
           </ul>
         </li>
         {%- endfor -%}
+      
+
+<!-- <div class="scroll-right">
+<svg width="23px" height="23px" viewBox="-4.5 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
+<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+
+<g id="SVGRepo_iconCarrier"> <title>arrow_right [#ffffff]</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-305.000000, -6679.000000)" fill="#ffffff"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M249.365851,6538.70769 L249.365851,6538.70769 C249.770764,6539.09744 250.426289,6539.09744 250.830166,6538.70769 L259.393407,6530.44413 C260.202198,6529.66364 260.202198,6528.39747 259.393407,6527.61699 L250.768031,6519.29246 C250.367261,6518.90671 249.720021,6518.90172 249.314072,6519.28247 L249.314072,6519.28247 C248.899839,6519.67121 248.894661,6520.31179 249.302681,6520.70653 L257.196934,6528.32352 C257.601847,6528.71426 257.601847,6529.34685 257.196934,6529.73759 L249.365851,6537.29462 C248.960938,6537.68437 248.960938,6538.31795 249.365851,6538.70769" id="arrow_right-[#ffffff]"> </path> </g> </g> </g> </g>
+
+</svg>
+</div> -->
       </ul>
     </div>
   </div>

data/_includes/appscms/scripts/script.html

@@ -17,14 +17,15 @@ site.removeJquery != true -%}
   endif
   -%}
 ></script>
-{%- endif -%} {%- if page.layout == "appscms-home" -%}
+{%- endif -%}
+{%- if page.layout == "appscms-home" or page.layout == "contenttool-home" -%}
 <script
   defer
   src="/assets/js/appscms-search.js"
   crossorigin="anonymous"
 ></script>
-
 {%- endif -%}
+
 <script
   defer
   src="/assets/js/appscms-theme.js"

data/assets/css/appscms-contenttool.css

@@ -144,6 +144,7 @@ body {
   padding: 25px 50px 50px 50px;
   display: none;
   background-color: var(--white-color);
+
 }
 
 .list-item-dropdown-heading {

data/assets/css/appscms-theme.css

@@ -96,8 +96,12 @@ body {
   .appscms-toolbar-list
   .appscms-toolbar-list-item:hover
   > .list-item-dropdown {
-  display: block;
+  visibility: visible;
+  height: inherit;
+  height: 500px;
+  white-space: nowrap;
   opacity: 1;
+  max-height: fit-content !important;
 }
 
 .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item:hover {
@@ -139,7 +143,9 @@ body {
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   padding: 25px 50px 50px 50px;
-  display: none;
+  transition: all 0.4s linear;
+  visibility: hidden;
+  height: 0px;
   background-color: var(--white-color);
 }
 
@@ -1955,3 +1961,15 @@ body {
     white-space: nowrap;
   }
 }
+
+.scroll-left svg,.scroll-right svg{
+  cursor: pointer;
+  position: absolute;
+  top: 8px;
+}
+.scroll-left svg{
+  left: -10px;
+}
+.scroll-right svg{
+  right: -10px;
+}

data/assets/images/arrow-left.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg width="800px" height="800px" viewBox="-4.5 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
+
+
+
+

data/assets/images/arrow-right.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg width="800px" height="800px" viewBox="-4.5 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
+
+
+
+

data/assets/js/appscms-theme.js

@@ -127,3 +127,45 @@ if ("{{ site.removeBootstrapJs }}" === "true") {
     });
   }
 }
+
+// document.querySelector('.scroll-left').addEventListener('click', function() {
+//   const toolbarList = document.querySelector('.appscms-toolbar-list');
+//   toolbarList.scrollBy({
+//     left: -100,
+//     behavior: 'smooth'
+//   });
+//   updateButtonStatus(toolbarList);
+// });
+
+// document.querySelector('.scroll-right').addEventListener('click', function() {
+//   const toolbarList = document.querySelector('.appscms-toolbar-list');
+//   toolbarList.scrollBy({
+//     left: 100,
+//     behavior: 'smooth'
+//   });
+//   updateButtonStatus(toolbarList);
+// });
+
+// function updateButtonStatus(toolbarList) {
+//   const scrollLeft = toolbarList.scrollLeft;
+//   const scrollWidth = toolbarList.scrollWidth;
+//   const clientWidth = toolbarList.clientWidth;
+
+//   const scrollRightButton = document.querySelector('.scroll-right');
+//   const scrollLeftButton = document.querySelector('.scroll-left');
+
+//   if (scrollLeft === 0) {
+//     scrollLeftButton.disabled = true;
+//   } else {
+//     scrollLeftButton.disabled = false;
+//   }
+
+//   if (scrollLeft + clientWidth >= scrollWidth) {
+//     scrollRightButton.disabled = true;
+//   } else {
+//     scrollRightButton.disabled = false;
+//   }
+// }
+
+// // Initial button status update
+// updateButtonStatus(document.querySelector('.appscms-toolbar-list'));

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 4.3.8
+  version: 4.3.9
 platform: ruby
 authors:
 - vivek-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-02-15 00:00:00.000000000 Z
+date: 2024-02-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -420,6 +420,8 @@ files:
 - assets/images/add.svg
 - assets/images/addimg.svg
 - assets/images/alka.webp
+- assets/images/arrow-left.svg
+- assets/images/arrow-right.svg
 - assets/images/audio-upload.svg
 - assets/images/avatar.jpeg
 - assets/images/avatar.png