mirror of
https://github.com/freedombox/FreedomBox.git
synced 2026-01-21 07:55:00 +00:00
4fdf6a7ffe
- During the placement computation for the drop down menu, the height of the dropdown-menu is very high and that leads to it getting placed at the top of the page instead of the below the search element. - To avoid the problem, cap the height of the dropdown. Somehow, the original calculation for the height using CSS calc() does not seem to working as expected. Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org> Reviewed-by: Veiko Aasa <veiko17@disroot.org>
51 lines
1.6 KiB
HTML
51 lines
1.6 KiB
HTML
{% extends 'cards.html' %}
|
|
{% comment %}
|
|
# SPDX-License-Identifier: AGPL-3.0-or-later
|
|
{% endcomment %}
|
|
|
|
{% load static %}
|
|
{% load i18n %}
|
|
|
|
{% block body_class %}apps-page{% endblock %}
|
|
|
|
{% block tags %}
|
|
{% if tags %}
|
|
<div class="container">
|
|
<div class="dropdown searchable-dropdown">
|
|
<div class="tag-input">
|
|
<div id="selected-tags">
|
|
{% for tag in tags %}
|
|
<span class="btn btn-light rounded-pill tag"
|
|
data-tag="{{ tag }}">
|
|
{% trans tag %}
|
|
<button class="btn btn-sm btn-light remove-tag">
|
|
<i class="fa fa-times"></i>
|
|
</button>
|
|
</span>
|
|
{% endfor %}
|
|
</div>
|
|
<input id="add-tag-input" type="search" class="form-control dropdown-toggle"
|
|
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
|
|
autocomplete="off" placeholder="{% trans "Search with tags" %}">
|
|
<div class="dropdown-menu" aria-labelledby="add-tag-input">
|
|
<ul class="dropdown-items">
|
|
{% for tag in all_tags %}
|
|
{% if tag not in tags %}
|
|
<li class="dropdown-item" data-tag="{{ tag }}"
|
|
data-tag_l10n="{% trans tag %}">
|
|
{% trans tag %}
|
|
</li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% endblock %}
|
|
|
|
{% block page_js %}
|
|
<script type="text/javascript" src="{% static 'tags.js' %}"></script>
|
|
{% endblock %}
|