Conservancy/website
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Diff CSS for fundraiser-percentage w/ progressbar.

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

Graceful degradation.
This commit is contained in:
Bradley M. Kuhn 2015-03-08 23:48:57 -07:00
parent a1fa72ac8d
commit 3be224c69a
2 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
www/conservancy/static/conservancy.css
View file

@ -126,12 +126,7 @@ h3 { margin-top: .6em; margin-bottom: .4em; }
} }
#fundraiser-percentage { #fundraiser-percentage {
float: right; text-align: center;
align: center;
margin-right: 40%;
margin-top: 2.5%;
font-style: bold;
color: green;
} }
.content-with-donate-sidebar { .content-with-donate-sidebar {

7
www/conservancy/static/supporter-page.js
View file

@ -12,6 +12,13 @@ $(document).ready(function() {
var percentage = (parseFloat(noCommaSoFar) / parseFloat(noCommaGoal)) * 100; var percentage = (parseFloat(noCommaSoFar) / parseFloat(noCommaGoal)) * 100;
$('span#fundraiser-percentage').text(percentage.toFixed(2) + "%"); $('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 }); $("#progressbar").progressbar({ value: percentage });
$('.toggle-content').hide(); $('.toggle-content').hide();