Front-end: Update Feed summary card style

Now the header's background is contained by the border-radius
This commit is contained in:
Joachim 2021-12-29 20:41:11 +01:00
parent 0dcd7bee10
commit 383f9fa228

View file

@ -1,29 +1,31 @@
{% extends 'components/card.html' %}
{% load i18n %} {% load i18n %}
{% block card-header %} <article class="card">
<h3 class="card-header-title has-background-success-dark has-text-white"> <header class="card-header has-background-success-dark">
<span class="icon is-size-3 mr-2" aria-hidden="true">📚</span> <h3 class="card-header-title has-text-white">
<span class="icon is-size-3 mr-2" aria-hidden="true"></span> <span class="icon is-size-3 mr-2" aria-hidden="true">📚</span>
{% blocktrans %}{{ year }} in the books{% endblocktrans %} <span class="icon is-size-3 mr-2" aria-hidden="true"></span>
</h3> {% blocktrans %}{{ year }} in the books{% endblocktrans %}
</h3>
<div class="card-header-icon has-background-success-dark has-text-white"> <div class="card-header-icon has-text-white">
{% trans "Dismiss message" as button_text %} {% trans "Dismiss message" as button_text %}
<button class="delete set-display" type="button" data-id="hide_annual_summary_{{ year }}" data-value="true"> <button class="delete set-display" type="button" data-id="hide_annual_summary_{{ year }}" data-value="true">
<span>{% trans "Dismiss message" %}</span> <span>{% trans "Dismiss message" %}</span>
</button> </button>
</div> </div>
{% endblock %} </header>
{% block card-content %} <section class="card-content">
<p class="mb-3"> <p class="mb-3">
{% blocktrans %}The end of the year is the best moment to take stock of all the books read during the last 12 months. How many pages have you read? Which book is your best-rated of the year? We compiled these stats, and more!{% endblocktrans %} {% blocktrans %}The end of the year is the best moment to take stock of all the books read during the last 12 months. How many pages have you read? Which book is your best-rated of the year? We compiled these stats, and more!{% endblocktrans %}
</p> </p>
<p> <p>
<a href="{% url 'annual-summary' request.user.localname year %}" class="button is-success has-background-success-dark"> <a href="{% url 'annual-summary' request.user.localname year %}" class="button is-success has-background-success-dark">
{% blocktrans %}Discover your stats for {{ year }}!{% endblocktrans %} {% blocktrans %}Discover your stats for {{ year }}!{% endblocktrans %}
</a> </a>
</p> </p>
{% endblock %} </section>
</article>