Skip to content

Commit

Permalink
Corrected UI bug (#402)
Browse files Browse the repository at this point in the history
  • Loading branch information
@sab-LC
sab-LC authored Nov 13, 2024
1 parent 8e27355 commit 7693954
Showing 1 changed file with 43 additions and 44 deletions.
87 changes: 43 additions & 44 deletions templates/communities/apply-labels.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,11 +4,53 @@
<div class="padding-bottom-2"><small><a href="{% url 'community-projects' community.id %}"><span class="darkteal-text">Projects</span></a> >> Apply Labels</small></div>
<div class="flex-this space-between">

<div class="w-60 flex-this column">
<div class="flex-this column">
<div>
<h2 class="mb-0 mt-0">Apply Labels</h2>
<p>Please choose from your customized Labels below. Select a Label to see description.</p>
</div>

<div class="flex-this row align-right wrap">

<div class="flex-this row mt-8 wrap">
{% if project.tk_labels.all or project.bc_labels.all %}
{% if project.tk_labels.all %}
{% for tklabel in project.tk_labels.all %}
<div class="ml-8 mb-8">
{% include 'tklabels/tiny-labels.html' %}
</div>
{% endfor %}
{% endif %}

{% if project.bc_labels.all %}
{% for bclabel in project.bc_labels.all %}
<div class="ml-8 mb-8">
{% include 'bclabels/tiny-labels.html' %}
</div>
{% endfor %}
{% endif %}
{% else %}
<div class="flex-this flex-end w-60">
{% if project.project_notice.all %}
{% for notice in project.project_notice.all %}
{% if not notice.archived %}
{% if notice.notice_type == 'biocultural' %}
<div class="ml-8 mb-8"><img loading="lazy" class="pointer-event-none" src="{% static 'images/notices/bc-notice.png' %}" width="62px" alt="BC Notice icon. Black background with the top right corner folded and the letters “BC” in white in center."></div>
{% endif %}
{% if notice.notice_type == 'traditional_knowledge' %}
<div class="ml-8 mb-8"><img loading="lazy" class="pointer-event-none" src="{% static 'images/notices/tk-notice.png' %}" width="62px" alt="TK Notice icon. Black background with the top right corner folded and the letters “TK” in white in center."></div>
{% endif %}
{% if notice.notice_type == 'attribution_incomplete' %}
<div class="ml-8 mb-8"><img loading="lazy" class="pointer-event-none" src="{% static 'images/notices/ci-attribution-incomplete.png' %}" width="62px" alt="Attribution Incomplete Notice icon. Black square with the top right corner folded and a white square in center with left side in solid line and right side in dotted line."></div>
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
</div>
{% endif %}

</div>
</div>

<div>
<h2 class="mb-0 mt-0">
Expand Down Expand Up @@ -46,49 +88,6 @@ <h2 class="mb-0 mt-0">
{% endif %}
</div>

<div class="w-40 flex-this column align-right mt-16">

<div class="flex-this row mt-8 w-50 flex-end">
{% if project.tk_labels.all or project.bc_labels.all %}
{% if project.tk_labels.all %}
{% for tklabel in project.tk_labels.all %}
<div class="ml-8">
{% include 'tklabels/tiny-labels.html' %}
</div>
{% endfor %}
{% endif %}

{% if project.bc_labels.all %}
{% for bclabel in project.bc_labels.all %}
<div class="ml-8">
{% include 'bclabels/tiny-labels.html' %}
</div>
{% endfor %}
{% endif %}
{% else %}
<div class="flex-this flex-end w-60">
{% if project.project_notice.all %}
{% for notice in project.project_notice.all %}
{% if not notice.archived %}
{% if notice.notice_type == 'biocultural' %}
<div class="ml-8"><img loading="lazy" class="pointer-event-none" src="{% static 'images/notices/bc-notice.png' %}" width="62px" alt="BC Notice icon. Black background with the top right corner folded and the letters “BC” in white in center."></div>
{% endif %}
{% if notice.notice_type == 'traditional_knowledge' %}
<div class="ml-8"><img loading="lazy" class="pointer-event-none" src="{% static 'images/notices/tk-notice.png' %}" width="62px" alt="TK Notice icon. Black background with the top right corner folded and the letters “TK” in white in center."></div>
{% endif %}
{% if notice.notice_type == 'attribution_incomplete' %}
<div class="ml-8"><img loading="lazy" class="pointer-event-none" src="{% static 'images/notices/ci-attribution-incomplete.png' %}" width="62px" alt="Attribution Incomplete Notice icon. Black square with the top right corner folded and a white square in center with left side in solid line and right side in dotted line."></div>
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
</div>
{% endif %}

</div>

</div>

</div>
</div>

Expand Down

0 comments on commit 7693954

Please sign in to comment.