word-games-theme 2.9.0 → 2.9.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3f65bcfb20e1866513c140faad2139f779b1c3cd1e4f5bb4accea4a342d70ec0
-  data.tar.gz: 2297d369885c957f6051007453184bc58eedd1c24d84e1be772a56c0892f3744
+  metadata.gz: d12aff42fce5a9ace893da8a8d15a9e897d679ad30469dd80986c8d772a06140
+  data.tar.gz: 85aed6186c9aac0afd84ee3235de6f877432e1d14f3bbe4b608d136e23b4bd20
 SHA512:
-  metadata.gz: 16cd60ae33fa7891025f6a97ac86f7ac54b7f086c3254ad488eb65f1189afa1125bcbda066eb9cfef09ee875f57a895169dc8d46974470065572eb2a80ee07ba
-  data.tar.gz: da22d7da56cfe62cdd24bf3994b7d06940b55b9e7c4acffcfc604c4f84898ed967bf02e5c28974a376dbf02ed52d8f0f8f28d9ac021bde73aef243eb7f65f5fa
+  metadata.gz: 4326663a588b0c281f247454147775b97d363e826d7e4b19e2406db91af10ef360adbca469249a9ed80aa7fe70f5152641a65b2c943b0e1d71313e28c7ac9436
+  data.tar.gz: 54761c41503cced1ecab810243e463c9133b8c5b252bf750c2ff72091583d305978b97871f28a2445ff310f6d417f4250e08880d65da50a50140bd4ae50ddb89

data/_includes/wordgames/advanced-filter/advanced-filter.html

@@ -9,7 +9,7 @@
 
 <div class="fillterWrapper my-5 filterShow">
     <div class="startsWith">
-        <input class="filter_val" autocomplete="off" type="text" id="startsWith" placeholder="Starts with" value=""
+        <input class="filter_val textBoxes" autocomplete="off" type="text" id="startsWith" placeholder="Starts with" value=""
             name="prefix">
         <div class="filter-tooltip" data-tip="Find words that start with these letters(AB-&gt; Able)"
             id="Find words that start with these letters(AB-&gt; Able)">
@@ -17,14 +17,14 @@
         </div>
     </div>
     <div class="endsWith">
-        <input class="filter_val" autocomplete="off" type="text" id="endsWith" placeholder="Ends with" name="suffix">
+        <input class="filter_val textBoxes" autocomplete="off" type="text" id="endsWith" placeholder="Ends with" name="suffix">
         <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
             data-tip="Filter for words that ends with these letters" id="Filter for words that ends with these letters">
             <img width="30px" height="30px" src="/assets/images/questionmark.svg" alt="Question Mark" />
         </div>
     </div>
     <div class="wordLength same">
-        <input autocomplete="off" type="number" class="filter_val" id="wordLength" placeholder="Length" name="length"
+        <input autocomplete="off" type="number" class="filter_val textBoxes" id="wordLength" placeholder="Length" name="length"
             value="{{page.letter}}">
 
         <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
@@ -33,7 +33,7 @@
         </div>
     </div>
     <div class="inculdeWith">
-        <input class="filter_val" autocomplete="off" type="text" id="inculdeWith" placeholder="Include" value=""
+        <input class="filter_val textBoxes" autocomplete="off" type="text" id="inculdeWith" placeholder="Include" value=""
             name="include">
         <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
             data-tip="Only words that contain the letters you enter here"
@@ -42,7 +42,7 @@
         </div>
     </div>
     <div class="mustInclude">
-        <input class="filter_val" autocomplete="off" type="text" id="mustInclude" placeholder="Contains"
+        <input class="filter_val textBoxes" autocomplete="off" type="text" id="mustInclude" placeholder="Contains"
             name="contains">
         <div class="filter-tooltip" data-tip="Words that contain letters in this order(ab)"
             id="Words that contain letters in this order(ab)">
@@ -52,7 +52,7 @@
     </div>
 
     <div class="exculdeWith">
-        <input class="filter_val" autocomplete="off" type="text" id="exculdeWith" placeholder="Exclude" value=""
+        <input class="filter_val textBoxes" autocomplete="off" type="text" id="exculdeWith" placeholder="Exclude" value=""
             name="exclude">
         <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
             data-tip="Only words that not contain the letters you enter here"

data/_includes/wordgames/search-box/search-box.html

@@ -7,7 +7,7 @@
                 <div class="txt-box-container" style="position: relative;">
                     <input type="text"
                         placeholder="{% if page.size > 15 %}Enter up to {{page.size}} letters?{% else %}Enter up to 15 letters?{% endif %}"
-                        class="txtBox" name="search"
+                        class="textBoxes txtBox" name="search"
                         maxlength="{% if page.size > 15 %}{{page.size}}{% else %}15?{% endif %}"
                         autocomplete="off" value="{{page.value}}">
                     <div class="letter-close-button">

data/assets/css/wordgames-home.css

@@ -125,10 +125,10 @@ input[type="number"] {
 
 @keyframes blinkBoxShadow {
   0% {
-    box-shadow: 0 0 5px 5px var(--primary-color);
+    box-shadow: 0 0 2px 2px var(--primary-color);
   }
   100% {
-    box-shadow: 0 0 8px 8px var(--primary-color);
+    box-shadow: 0 0 4px 4px var(--primary-color);
   }
 }
 

data/assets/js/wordfinder-home.js

@@ -1,11 +1,5 @@
 let txtBox = document.querySelector('.txtBox')
 txtBox.focus()
-
-
-
-txtBox.addEventListener("input",()=>{
-    txtBox.classList.add('blinkBoxShadow');
-})
 let letterCloseButton = document.querySelector('.letter-close-button')
 let startsWith = document.getElementById("startsWith");
 let mustInclude = document.getElementById("mustInclude");
@@ -17,6 +11,25 @@ let wordLength = document.getElementById("wordLength");
 const serachSection = document.querySelector(".serachSection");
 let rangeOfBlankTile = serachSection.dataset.range;
 
+
+
+const textBoxes = document.querySelectorAll('.textBoxes'); 
+textBoxes.forEach(txtBox => {
+    txtBox.addEventListener("input", () => {
+        if (txtBox.value !== '') {
+            txtBox.classList.add('blinkBoxShadow');
+        } else {
+            txtBox.classList.remove('blinkBoxShadow');
+        }
+    });
+
+    txtBox.addEventListener('blur', () => {
+        txtBox.classList.remove('blinkBoxShadow');
+    });
+});
+
+
+
 // // when typing on input
 txtBox.addEventListener('input', (e) => {
     if (e.target.value === "") {
@@ -63,7 +76,7 @@ Array.from(filterInputs).forEach((item) => {
             imgElement.src = "/assets/images/close-btn.svg"
             tooltipElement.style.setProperty('--tooltip-padding', '0');
             tooltipElement.style.setProperty('--tooltip-border-style', 'none');
-        }      
+        }
     })
 
     item.nextElementSibling.addEventListener("click", () => {
@@ -224,7 +237,7 @@ formElement.addEventListener("submit", function (e) {
             }
         }
     } else {
-       console.log("Please Enter Valid Letters.");
+        console.log("Please Enter Valid Letters.");
     }
 });
 // Now you can use the loadScript function with additional data

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: word-games-theme
 version: !ruby/object:Gem::Version
-  version: 2.9.0
+  version: 2.9.1
 platform: ruby
 authors:
 - manpreet-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-06-19 00:00:00.000000000 Z
+date: 2024-06-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll