_includes/section/home.html in word-games-theme-1.7.4 vs _includes/section/home.html in word-games-theme-1.7.5
- old
+ new
@@ -29,12 +29,12 @@
<div class="letter-close-button">
<i class="ltr-cls-btn bi bi-x-circle-fill"></i>
</div>
</div>
- <input type="submit" style="background-color: {{CustomColor.inputButtonBg}};" class="serachBtn"
- id="serach" value="submit">
+ <input style="background-color: {{CustomColor.inputButtonBg}};" type="submit" class="serachBtn"
+ id="serach" value="">
<div class="dictonaryDropdown">
<select class="form-select select_dropDown2" name="dictionary"
aria-label="Default select example">
<option value="Dictionary">Dictionary</option>
@@ -56,77 +56,60 @@
<div class="text-right times" style="cursor: pointer">
<img loading="lazy" src="/assets/images/window-close.png" alt="window-close-icon"
height="12px" width="12px">
</div>
<div class="startsWith">
- <label for="startsWith">Starts
+ <label data-toggle="tooltip" data-placement="top"
+ title="Filter for words that starts with these letters" for="startsWith">Starts
With</label>
<br>
<input type="text" id="startsWith" placeholder="Prefix" value="" name="prefix">
- <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
- title="Find words that start with these letters(AB-> Able)">
- <i class="bi bi-question-circle"></i>
- </div>
</div>
<div class="mustInclude">
- <label for="mustInclude">Must Contains </label>
+ <label for="mustInclude" data-toggle="tooltip" data-placement="top"
+ title=" Words that contain letters in this order(ab)">Must Contains </label>
<br>
<input type="text" id="mustInclude" placeholder="Contains" name="contains">
- <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
- title="Words that contain letters in this order(ab)">
- <i class="bi bi-question-circle"></i>
- </div>
</div>
<div class="endsWith">
- <label for="endsWith">End With</label>
+ <label for="endsWith" data-toggle="tooltip" data-placement="top"
+ title="Filter for words that ends with these letters">End With</label>
<br>
<input type="text" id="endsWith" placeholder="Suffix" name="suffix">
- <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
- title="Filter for words that ends with these letters">
- <i class="bi bi-question-circle"></i>
- </div>
</div>
<div class="exculdeWith">
- <label for="exculdeWith">Exculde</label>
+ <label data-toggle="tooltip" data-placement="top"
+ title="Only words that not contain the letters you enter here"
+ for="exculdeWith">Exculde</label>
<br>
<input type="text" id="exculdeWith" placeholder="Exculde" value="" name="exculde">
- <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
- title="Only words that not contain the letters you enter here">
- <i class="bi bi-question-circle"></i>
- </div>
</div>
<div class="inculdeWith">
- <label for="inculdeWith">Include</label>
+ <label data-toggle="tooltip" data-placement="top"
+ title="Only words that contain the letters you enter here"
+ for="inculdeWith">Include</label>
<br>
<input type="text" id="inculdeWith" placeholder="Include" value="" name="include">
- <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
- title="Only words that contain the letters you enter here">
- <i class="bi bi-question-circle"></i>
- </div>
</div>
<div class="wordLength">
- <label for="wordLength">Word Length </label>
+ <label data-toggle="tooltip" data-placement="top" title="Filter for words with this length"
+ for="wordLength">Word Length </label>
<br>
<input type="text" id="wordLength" placeholder="Length" name="length">
<div style="margin-top: 1.2rem; gap:5px" class="d-flex w-100">
<input type="button" value="Clear" class="clearFilter btn-info text-white"
style="background-color: {{CustomColor.inputButtonBg}};">
<input type="submit" value="Apply" class="btn-info text-white"
style="background-color: {{CustomColor.inputButtonBg}};">
+
</div>
- <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
- title="Filter for words with this length">
- <i class="bi bi-question-circle"></i>
- </div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
-
-
<script>
const clearFilter = document.querySelector('.clearFilter')
let startsWith = document.getElementById('startsWith')
let mustInclude = document.getElementById('mustInclude')
\ No newline at end of file