website Changeset - 3be224c69a81 · Conservancy Kallithea

Changeset - 3be224c69a81

Parent rev.

Child rev.

[Not reviewed]

0 2 0

Bradley Kuhn (bkuhn) - 9 years ago 2015-03-09 06:48:57
bkuhn@ebb.org

Diff CSS for fundraiser-percentage w/ progressbar.

If Javascript is present to generate the pogressbar, then the CSS really
should be radically different.

Graceful degradation.

2 files changed with 8 insertions and 6 deletions:

www/conservancy/static/conservancy.css

www/conservancy/static/supporter-page.js

0 comments (0 inline, 0 general)

www/conservancy/static/conservancy.css

➞

Show inline comments

@@ ... / @@ -117,30 +117,25 @@ h3 { margin-top: .6em; margin-bottom: .4em; } @@
     margin-right: 50px;
+}
 #progressbar {
     height: 30px;
+}
 #progressbar .ui-widget-header {
     background: rgb(206, 31, 31);
+}
 #fundraiser-percentage {
     float: right;
     align: center;
     margin-right: 40%;
     margin-top: 2.5%;
     font-style: bold;
     color: green;
     text-align: center;
+}
 .content-with-donate-sidebar {
     align: left;
     width: 80%;
+}
 #container {
     width: 100%;
     overflow: hidden;
+}
 #container #mainContent {

www/conservancy/static/supporter-page.js

➞

Show inline comments

@@ ... / @@ -3,24 +3,31 @@ @@
 ** License: GPLv3-or-later
 **  Find a copy of GPL at https://sfconservancy.org/GPLv3
 */
 $(document).ready(function() {
     var goal  = $('span#fundraiser-goal').text();
     var soFar = $('span#fundraiser-so-far').text();
     var noCommaGoal = goal.replace(/,/g, "");
     var noCommaSoFar = soFar.replace(/,/g, "");
     var percentage = (parseFloat(noCommaSoFar) / parseFloat(noCommaGoal)) * 100;
     $('span#fundraiser-percentage').text(percentage.toFixed(2) + "%");
     $('span#fundraiser-percentage').css({ 'color'        : 'green',
                                           'font-weight'  : 'bold',
                                           'float'        : 'right',
                                           'margin-right' : '40%',
                                           'margin-top'   : '2.5%',
                                           'text-align'   : 'right'});
     $("#progressbar").progressbar({ value:  percentage });
     $('.toggle-content').hide();
     $('.toggle-control')
      .addClass('clickable')
      .bind('click', function() {
         var $control = $(this);
         var $parent = $control.parents('.toggle-unit');
         $parent.toggleClass('expanded');
         $parent.find('.toggle-content').slideToggle();

0 comments (0 inline, 0 general)