catask/templates/snippets/q-input-footer.html

20 lines
1.2 KiB
HTML

<div class="rounded-bottom border border-top-0 p-2 d-flex align-items-center justify-content-between" style="background-color: var(--bs-body-bg);">
<div class="d-flex align-items-center gap-2">
<button class="ms-1 btn btn-secondary" type="button" title="{{ _('Content warning') }}" data-bs-toggle="collapse" data-bs-target="{% if customCwTarget %}{{ customCwTarget}}{% else %}#cw-collapse{% endif %}" aria-expanded="false" aria-controls="cw-collapse">
<i class="bi bi-exclamation-triangle"></i>
</button>
{% if not noEmojiPicker %}
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle no-arrow" type="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false" title="{{ _('Add emoji') }}">
<i class="bi bi-emoji-smile"></i>
</button>
<div class="dropdown-menu p-0">
<div id="{% if customEmojiPickerId %}{{ customEmojiPickerId }}{% else %}emoji-picker{% endif %}" class="emoji-picker"></div>
</div>
</div>
{% endif %}
</div>
{% if includeCharLimit %}
<span id="charCount" class="small" title="{{ _('Character limit') }}">{{ cfg.charLimit }}</span>
{% endif %}
</div>