increase font size for full match

This commit is contained in:
Daniel Pono Takamori 2022-01-04 15:42:03 -08:00
parent 7a49bf08d6
commit f8f3cb2f36
Signed by: pono
GPG key ID: 17BB4167325DAA02
2 changed files with 5 additions and 4 deletions

View file

@ -322,6 +322,7 @@ body > header {
#siteprogressbar .progress.matched { #siteprogressbar .progress.matched {
border-top-right-radius: 16px; border-top-right-radius: 16px;
border-bottom-right-radius: 16px; border-bottom-right-radius: 16px;
font-size: 120%;
} }
#siteprogressbar .progress.exceeded { #siteprogressbar .progress.exceeded {
border-top-right-radius: 16px; border-top-right-radius: 16px;

View file

@ -136,11 +136,11 @@
<a href="/sustainer/" style="text-decoration: none !important"> <a href="/sustainer/" style="text-decoration: none !important">
<div id="siteprogressbar" class="flex items-stretch w-100"> <div id="siteprogressbar" class="flex items-stretch w-100">
{% if this_match_remaining <= 0 %} {% if this_match_remaining <= 0 %}
<div class="progress matched pv1 b flex" style="flex-basis: {{ this_match_so_far }}px"> <div class="progress matched pv1 b flex items-center" style="flex-basis: {{ this_match_so_far }}px">
<span id="site-fundraiser-match-count" class="soFarText tc w-100">${{ this_match_goal|floatformat:0|intcomma }} matched!</span> <span id="site-fundraiser-match-count" class="soFarText tc w-100">${{ this_match_goal|floatformat:0|intcomma }} fully matched!</span>
</div> </div>
<div class="progress exceeded pv1 b flex" style="flex-basis: {{ this_match_exceeded }}px"> <div class="progress exceeded pv1 b flex items-center" style="flex-basis: {{ this_match_exceeded }}px">
<span id="site-fundraiser-match-count" class="soFarText tc w-100 exceeded">${{this_match_exceeded|floatformat:0|intcomma }} extra given!</span> <span id="site-fundraiser-match-count" class="soFarText tc w-100 exceeded">${{this_match_exceeded|floatformat:0|intcomma }} additional<br> raised!<br></span>
</div> </div>
{% else %} {% else %}
<div class="progress pv1 b flex items-center" style="flex-basis: {{ this_match_so_far }}px"> <div class="progress pv1 b flex items-center" style="flex-basis: {{ this_match_so_far }}px">