Show editor tags directly on mobile

This commit is contained in:
rucki
2026-08-24 12:08:34 +02:00
parent 5b71b72224
commit 324f2e2c99
2 changed files with 8 additions and 8 deletions
+4 -4
View File
@@ -3,12 +3,12 @@
{% csrf_token %}
<div class="card-body vstack gap-2">
<div class="small text-muted">{% trans "Type:" %} {{ item.get_kind_display }}</div>
<details class="mobile-tag-picker">
<summary class="btn btn-sm btn-outline-secondary">{% trans "Add tags" %}</summary>
<div class="d-flex flex-wrap gap-2 mt-2 p-2 bg-light rounded">
<div class="mobile-tag-picker">
<div class="small text-muted mb-1">{% trans "Add tags" %}</div>
<div class="d-flex flex-wrap gap-2 p-2 bg-light rounded">
{% for tag in tags %}<button type="button" class="btn btn-sm btn-outline-secondary" @click="addToken('#{{ tag.name|escapejs }}')">#{{ tag.name }}</button>{% endfor %}
</div>
</details>
</div>
<textarea class="form-control" name="content" rows="5" x-model="text" @keydown="onKeydown($event)" @input="onInput($event)" @paste="handlePaste($event)">{{ item.content }}</textarea>
<textarea class="form-control" name="comment" rows="3" placeholder="{% trans 'Comment, e.g. same task already captured [[12]]' %}" @keydown="onKeydown($event)" @input="onInput($event)" @paste="handlePaste($event)">{{ item.comment }}</textarea>
<div class="slash-menu list-group shadow" x-show="open" @click.outside="open=false" x-cloak>
+4 -4
View File
@@ -9,12 +9,12 @@
<div class="d-flex gap-2"><button class="btn btn-success px-3 py-2" title="{% trans 'Save' %}">✓</button><a class="btn btn-danger px-3 py-2" href="{{ next_url }}" title="{% trans 'Cancel' %}">×</a></div>
</div>
<div class="small text-muted">{% trans "Type:" %} {{ item.get_kind_display }}</div>
<details class="mobile-tag-picker">
<summary class="btn btn-sm btn-outline-secondary">{% trans "Add tags" %}</summary>
<div class="d-flex flex-wrap gap-2 mt-2 p-2 bg-light rounded">
<div class="mobile-tag-picker">
<div class="small text-muted mb-1">{% trans "Add tags" %}</div>
<div class="d-flex flex-wrap gap-2 p-2 bg-light rounded">
{% for tag in tags %}<button type="button" class="btn btn-sm btn-outline-secondary" @click="addToken('#{{ tag.name|escapejs }}')">#{{ tag.name }}</button>{% endfor %}
</div>
</details>
</div>
<textarea class="form-control" name="content" rows="18" x-model="text" @keydown="onKeydown($event)" @input="onInput($event)" @paste="handlePaste($event)">{{ item.content }}</textarea>
<textarea class="form-control" name="comment" rows="5" placeholder="{% trans 'Comment' %}" @keydown="onKeydown($event)" @input="onInput($event)" @paste="handlePaste($event)">{{ item.comment }}</textarea>
<div class="slash-menu list-group shadow" x-show="open" @click.outside="open=false" x-cloak>