_includes/section/commonPage.html in word-games-theme-1.7.3 vs _includes/section/commonPage.html in word-games-theme-1.7.4

- old
+ new

@@ -96,50 +96,73 @@ <label data-toggle="tooltip" data-placement="top" title="Filter for words that starts with these letters" for="startsWith">Starts With</label> <input type="text" class="filter_val" 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-&gt; Able)"> + <i class="bi bi-question-circle"></i> + </div> </div> <div class="mustInclude same"> <label for="mustInclude" data-toggle="tooltip" data-placement="top" title=" Words that contain letters in this order(ab)">Must Contains </label> <input type="text" class="filter_val" id="mustInclude" placeholder="Contains" name="contains" value=""> + <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 same"> <label for="endsWith" data-toggle="tooltip" data-placement="top" title="Filter for words that ends with these letters">End With</label> <input type="text" class="filter_val" id="endsWith" placeholder="Suffix" name="suffix" value=""> + <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 same"> <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" class="filter_val" 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 same"> <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" class="filter_val" 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 same"> <label data-toggle="tooltip" data-placement="top" title="Filter for words with this length" for="wordLength">Word Length </label> <input type="text" class="filter_val" id="wordLength" placeholder="Length" name="length" value=""> - </div> - - <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:#808080;"> - <input id="applyBtn" type="submit" value="Apply" class="btn-info text-white" - style="background: #808080"> + <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:#808080;"> + <input id="applyBtn" type="submit" value="Apply" class="btn-info text-white" + style="background: #808080"> + </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> \ No newline at end of file