Changeset - 3be224c69a81
[Not reviewed]
0 2 0
Bradley Kuhn (bkuhn) - 7 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:
0 comments (0 inline, 0 general)
www/conservancy/static/conservancy.css
Show inline comments
...
 
@@ -126,12 +126,7 @@ h3 { margin-top: .6em; margin-bottom: .4em; }
 
}
 

	
 
#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 {
www/conservancy/static/supporter-page.js
Show inline comments
...
 
@@ -12,6 +12,13 @@ $(document).ready(function() {
 
    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();
0 comments (0 inline, 0 general)