diginaut/digimarks
1
0
Fork 0
mirror of https://github.com/aquatix/digimarks.git synced 2025-12-07 02:35:10 +01:00
Code Issues Releases Wiki Activity

Put the tag selection in a collapsible element to prevent clutter

Browse Source
This commit is contained in:
Michiel Scholten
2016-09-14 12:50:37 +02:00
parent 9e2bdac9ee
commit 2cdb0ebccb
2 changed files with 33 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
templates/bookmarks.html
View File

@@ -46,7 +46,11 @@
{% if tags %} {% if tags %}
<div class="row"> <div class="row">
<p> <div class="col s12">
<ul class="collapsible" data-collapsible="expandable">
<li>
<div class="collapsible-header"><i class="material-icons">label</i>Filter on star/problem/comment/tag</div>
<div class="collapsible-body" style="padding: 10px;">
<div class="chip"> <div class="chip">
<a href="{{ url_for('bookmarks', userkey=userkey, filtermethod='starred') }}"><i class="tiny material-icons yellow-text">star</i></a> <a href="{{ url_for('bookmarks', userkey=userkey, filtermethod='starred') }}"><i class="tiny material-icons yellow-text">star</i></a>
</div> </div>
@@ -61,7 +65,9 @@
<a href="{{ url_for('tag', userkey=userkey, tag=tag) }}">{{ tag }}</a> <a href="{{ url_for('tag', userkey=userkey, tag=tag) }}">{{ tag }}</a>
</div> </div>
{% endfor %} {% endfor %}
</p> </li>
</ul>
</div>
</div> </div>
{% endif %} {% endif %}

7
templates/edit.html
View File

@@ -82,12 +82,19 @@
{% if tags %} {% if tags %}
<div class="row"> <div class="row">
<div class="col s12"> <div class="col s12">
<ul class="collapsible" data-collapsible="expandable">
<li>
<div class="collapsible-header"><i class="material-icons">label</i>Existing tags</div>
<div class="collapsible-body" style="padding: 10px;">
{% for tag in tags %} {% for tag in tags %}
<div class="chip clickable" id="tag_{{ tag }}"> <div class="chip clickable" id="tag_{{ tag }}">
{{ tag }} {{ tag }}
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
</li>
</ul>
</div>
{% for tag in tags %} {% for tag in tags %}
<script type="text/javascript"> <script type="text/javascript">
$(function () { $(function () {