word-games-theme 1.1.5 → 1.1.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: db69e83657eec4098d26cf8df8edd53aa6d4fd55109fe40d059d83fc86ef5717
-  data.tar.gz: e5c592f0cc81aad7e9a3ca53e964de36269f802e8e49fa8a3204c801c7eecdaf
+  metadata.gz: aaccd56e455a2e7311ad95d4157bb424f4f9b860ed0c3a2a1b45b61b2b411883
+  data.tar.gz: faf5840b09d06ca4d7fd7ad5c376938bac0b84c2fa00183665bcf3ccde278f2c
 SHA512:
-  metadata.gz: ac0d2fcbc0a01e21df6750a2297a8b0a6532232f512e054c88a9721f5f7580eaf615a7d23ab471674107f37d2e848c371ce5833a2b8376cfb6e16c85ef127405
-  data.tar.gz: c772acdc41ef8047271ec7f8d42297607949731fa66a1dae194ff0646ed76212725ada6f5b249dfdd8d86237e28e8be983977ec2483aa00e8877616524bfad8a
+  metadata.gz: 1ca841327753a99f565e3769d109d988de512245fdd317cb5fa1eb773cb8999a3801e4922bd575cee29a27cbeaf3b5f6bfb86aad3f3397b82d553f0c3fe2a173
+  data.tar.gz: fbdec1ec93f68967a1c24bdf4a2412a4899eda49e16fafca37a869dd1ffd19f0ce18f136f4ebd3a586c935beed9e998f0fd71752cbeaf07fadfc30061e3af327

data/_includes/header/index.html

@@ -21,15 +21,17 @@
                 <li class="nav-item">
                     <a class="nav-link" href="/blog">Blog</a>
                 </li>
+
+
                 <li class="nav-item dropdown">
-                    <a class="nav-link dropdown-toggle" id="navbarDropdown" role="button" aria-haspopup="true"
+                    <a class="nav-link dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown"
                         aria-expanded="false">
                         More
                     </a>
                     {%- if dataToShow.megaMenu -%}
-                    <ul class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
+                    <ul class="dropdown-menu top_tool_bar" aria-labelledby="dropdownMenuButton">
                         {%- for item in dataToShow.megaMenu.dropdown -%}
-                        <div class="catPad mb-4">
+                        <div class=" catPad mb-4">
                             <li style="margin: 0 0 20px;" class="text-muted">{{item.categoryName}}</li>
                             {%- for item in item.links -%}
                             <li style="margin:0 0 15px">
@@ -52,11 +54,11 @@
                     <a class="nav-link" href="/blog">Blog</a>
                 </li>
                 <li class="nav-item dropdown">
-                    <a class="nav-link dropdown-toggle" id="navbarDropdown" role="button" aria-haspopup="true"
-                        aria-expanded="false">
+                    <a class="nav-link dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" role="button"
+                        aria-haspopup="true" aria-expanded="false">
                         More
                     </a>
-                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+                    <div class="top_tool_bar dropdown-menu" aria-labelledby="navbarDropdown">
 
                         {% for item in dataToShow.more %}
                         <a class="dropdown-item" href="{{item.url}}">

data/assets/css/style.css

@@ -72,8 +72,9 @@ header {
   font-size: 16px;
   color: gray !important;
 }
-.dropdown:hover .dropdown-menu {
-  display: grid;
+.top_tool_bar {
+  overflow-y: auto;
+  height: 540px;
   grid-template-columns: auto auto;
   border: none;
   font-size: 14px;
@@ -85,6 +86,9 @@ header {
   column-gap: 5rem;
   row-gap: 1rem;
 }
+.dropdown-menu.show{
+  display: grid;
+}
 .bars {
   position: relative;
   top: 3px;
@@ -332,18 +336,17 @@ display: none;
   .heading {
     font-size: 40px;
   }
-  .dropdown:hover .dropdown-menu {
+  /* .dropdown:hover .dropdown-menu {
     display: block;
-  }
+  } */
 }
 @media (max-width: 992px) {
   .navbar-nav {
     margin-left: 0rem;
   }
-  .dropdown:hover .dropdown-menu {
-    left: 0px;
-    padding: 0;
-    grid-template-columns: auto auto !important;
+   .dropdown-menu.show {
+    display: block !important;
+    padding:15px !important
   }
   .dropdown-item {
     text-align: left;

data/assets/js/leftNav.js

@@ -7,4 +7,12 @@ mobile_bars.addEventListener("click", () => {
 
 close_bar_btn.addEventListener("click", () => {
   document.querySelector("#open_list_bar").style.left = "-100%"
-})
+})
+
+
+document.addEventListener('click', (event) => {
+  const withinBoundaries = event.composedPath().includes(mobile_bars)
+  if (!withinBoundaries) {
+    document.querySelector("#open_list_bar").style.left = "-100%"
+  }
+})

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: word-games-theme
 version: !ruby/object:Gem::Version
-  version: 1.1.5
+  version: 1.1.6
 platform: ruby
 authors:
 - manpreet-appscms