make emoji modal neater

master
Aevann1 2022-07-14 15:22:44 +02:00
parent dfa700ab1a
commit a87283428d
2 changed files with 8 additions and 17 deletions

View File

@ -39,29 +39,20 @@
<input disabled autocomplete="off" class="form-control px-2" type="text" id="emoji_search" placeholder="Search.." onchange="start_search()" {% if not (v and v.poor) %}oninput="start_search()"{% endif %}> <input disabled autocomplete="off" class="form-control px-2" type="text" id="emoji_search" placeholder="Search.." onchange="start_search()" {% if not (v and v.poor) %}oninput="start_search()"{% endif %}>
</div> </div>
<div class="px-3 d-flex flex-row"> <div class="px-3 d-flex flex-row">
<fieldset class="p-2"> <fieldset class="py-2 pr-2 pl-1">
<label style="display: inline">Options:</legend> <div class="mr-2" style="display: inline" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Makes the emoji larger">
<div style="display: inline" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Makes the emoji larger">
<input type="checkbox" id="emoji-sel-0" value="#" class="emoji-suffix"> <input type="checkbox" id="emoji-sel-0" value="#" class="emoji-suffix">
<label for="emoji-sel-0">Large</label> <label class="emoji-option" for="emoji-sel-0">Large</label>
</div> </div>
<div style="display: inline" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Mirror the emoji along the Y axis"> <div class="mr-2" style="display: inline" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Mirror the emoji along the Y axis">
<input type="checkbox" id="emoji-sel-1" value="!" class="emoji-suffix"> <input type="checkbox" id="emoji-sel-1" value="!" class="emoji-suffix">
<label for="emoji-sel-1">Mirror</label> <label class="emoji-option" for="emoji-sel-1">Mirror</label>
</div> </div>
<div style="display: inline" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Adds a hand that pats the emoji"> <div style="display: inline" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Adds a hand that pats the emoji">
<input type="checkbox" id="emoji-sel-2" value="pat" class="emoji-postfix"> <input type="checkbox" id="emoji-sel-2" value="pat" class="emoji-postfix">
<label for="emoji-sel-2">Pat</label> <label class="emoji-option" for="emoji-sel-2">Pat</label>
</div>
</fieldset>
<fieldset class="p-2">
<label style="display: inline">Search:</legend>
<div style="display: inline" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Iterate through all substrings of the query. YIKES">
<input type="checkbox" id="emoji-complete-search">
<label for="emoji-complete-search">complete</label>
</div> </div>
</fieldset> </fieldset>
</div> </div>

View File

@ -1,6 +1,6 @@
{%- {%-
set CACHE_VER = { set CACHE_VER = {
'css/main.css': 397, 'css/main.css': 398,
'css/catalog.css': 2, 'css/catalog.css': 2,
'css/4chan.css': 61, 'css/4chan.css': 61,
@ -20,7 +20,7 @@ set CACHE_VER = {
'js/bootstrap.js': 275, 'js/bootstrap.js': 275,
'js/comments+submission_listing.js': 263, 'js/comments+submission_listing.js': 263,
'js/submission_listing.js': 261, 'js/submission_listing.js': 261,
'js/emoji_modal.js': 297, 'js/emoji_modal.js': 298,
'js/formatting.js': 240, 'js/formatting.js': 240,
'js/lottery.js': 256, 'js/lottery.js': 256,
'js/marked.js': 280, 'js/marked.js': 280,