hide the title if there's a headline, add the reaction button to headline

This commit is contained in:
c0de 2023-12-29 17:50:33 -06:00
parent 40911124fd
commit eaddc0641f
1 changed files with 12 additions and 3 deletions

View File

@ -1,8 +1,8 @@
<div class="col"> <div class="col">
<div class="card shadow-sm"> <div class="card shadow-sm">
{% if this.title and this.title|length >= 1 %} {% if this.title and this.title|length >= 1 and not this.headline %}
<div class="card-header position-relative"> <div class="card-header position-relative">
<span class="flex">{{ this.title }}</span> {{ this.title }}
<a <a
href="#" href="#"
class="btn btn-link float-end" class="btn btn-link float-end"
@ -22,9 +22,18 @@
/> />
{% if this.description and this.description|length >= 1 %} {% if this.description and this.description|length >= 1 %}
<div class="card-body"> <div class="card-body position-relative">
{% if this.headline and this.headline|length >= 1 %} {% if this.headline and this.headline|length >= 1 %}
<h5 class="card-title">{{ this.headline }}</h5> <h5 class="card-title">{{ this.headline }}</h5>
<a
href="#"
class="btn btn-link position-absolute bottom-1 end-0"
data-bs-toggle="tooltip"
data-bs-placement="top"
data-bs-title="Add a reaction"
>
<i class="bi-heart-fill text-danger"></i>
</a>
{% endif %} {% endif %}
<p class="card-text">{{ this.description }}</p> <p class="card-text">{{ this.description }}</p>
</div> </div>