website Changeset - 4c3661ad190a · Conservancy Kallithea

Changeset - 4c3661ad190a

Parent rev.

Child rev.

[Not reviewed]

0 1 0

Ben Sturmfels (bsturmfels) - 2 years ago 2021-11-25 22:10:25
ben@sturm.com.au

progress bar: Remove display-table vertical align workaround.

Was causing some display glitches on some browsers. Using nested flexbox instead.

1 file changed with 6 insertions and 6 deletions:

www/conservancy/templates/base_conservancy.html

0 comments (0 inline, 0 general)

www/conservancy/templates/base_conservancy.html

➞

Show inline comments

@@ ... / @@ -114,57 +114,57 @@ @@
         {% if this_match_remaining <= 0 %}
           Thanks to {{ sitegoal.fundraiser_donation_count|intcomma }} Sustainers we earned our full match!
           Help us go further to stand up for software freedom &mdash; <a href="/sustainer">sign up now</a>!
         {% else %}
           {% if sitefundgoal_timeleft.total_seconds <= 0 %}
             The
           {% elif sitefundgoal_timeleft.days == 0 %}
             Through today only, the
           {% elif sitefundgoal_timeleft.days == 1 %}
             Through tomorrow only, the
           {% elif sitefundgoal_timeleft.days < 14 %}
             For only {{ sitefundgoal_timeleft.days }} more days, the
           {% else %}
             Until January 15, the
           {% endif %}
         next ${{ this_match_remaining|floatformat:0|intcomma }} of <a href="/sustainer/">support we receive</a> will be matched!
         {% endif %}
       </div>
 {% if sitefundgoal.fundraiser_so_far_amount %}
 <a href="/sustainer/" style="text-decoration: none !important">
 <div id="siteprogressbar" class="flex items-stretch w-100">
   {% if this_match_remaining <= 0 %}
     <div class="progress matched tc pv1 b dt" style="flex-basis: {{ this_match_so_far }}px">
       <span id="site-fundraiser-match-count" class="soFarText dtc v-mid">${{ this_match_goal|floatformat:0|intcomma }} matched!</span>
     <div class="progress matched pv1 b flex" 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>
     </div>
   {% else %}
     <div class="progress tc pv1 b dt" style="flex-basis: {{ this_match_so_far }}px">
       <span id="site-fundraiser-match-count" class="soFarText dtc v-mid">${{ this_match_so_far|floatformat:0|intcomma }} matched!</span>
     <div class="progress 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_so_far|floatformat:0|intcomma }} matched!</span>
     </div>
     <div class="final-goal tc pv1 b dt" style="flex-basis: {{ this_match_remaining }}px">
       <span id="site-fundraiser-final-goal" class="goalText dtc v-mid">${{ this_match_remaining|floatformat:0|intcomma }} to go!</span>
     <div class="final-goal pv1 b flex items-center" style="flex-basis: {{ this_match_remaining }}px">
       <span id="site-fundraiser-final-goal" class="goalText tc w-100">${{ this_match_remaining|floatformat:0|intcomma }} to go!</span>
     </div>
     {% endif %}
 </div>
 </a>
 {% endif %}
 </div>
 </div>
 {% endwith %}
 {% endwith %}
 {% endif %}
     <div class="mw8 center ph2 ph3">
       {% block outercontent %}<div id="mainContent"> {% block content %}{% endblock %}</div>{% endblock %}
     </div>
     <div id="conservancyfooter" class="mt4-ns pt3 ph3 bg-light-gray">
       <p>Connect with Conservancy on
         <a href="https://mastodon.technology/@conservancy">Mastodon</a>,
         <a href="https://twitter.com/conservancy">Twitter</a>,
         <a href="https://www.facebook.com/SoftwareFreedomConservancy/">Facebook</a>,
         and <a href="https://www.youtube.com/channel/UCUEeuNvX2UyTTyTYXR9dm_A">YouTube</a>.</p>
       <p><a href="/">Main Page</a> | <a href="/about/contact/">Contact</a> | <a href="/sponsors/">Sponsors</a> | <a href="/privacy-policy/">Privacy Policy</a> | <a href="/feeds/omnibus/">RSS Feed</a></p>

0 comments (0 inline, 0 general)