Changeset - 097c82ea2608
[Not reviewed]
0 3 0
Bradley Kuhn (bkuhn) - 6 years ago 2015-03-05 21:32:49
bkuhn@ebb.org
Move progressbar CSS to CSS file, not hard code.

Also, increase size of progress bar (HT tmarble)
3 files changed with 10 insertions and 6 deletions:
0 comments (0 inline, 0 general)
www/conservancy/static/conservancy.css
Show inline comments
...
 
@@ -117,6 +117,14 @@ h3 { margin-top: .6em; margin-bottom: .4em; }
 
    margin-right: 50px;
 
}
 

	
 
#progressbar {
 
    height: 30px;
 
}
 

	
 
#progressbar .ui-widget-header {
 
    background: rgb(206, 31, 31);
 
}
 

	
 
.content-with-donate-sidebar {
 
    align: left;
 
    width: 80%;
www/conservancy/static/npoacct/index.html
Show inline comments
...
 
@@ -7,10 +7,6 @@
 
<script type="text/javascript" src="/jquery.min.js"></script>
 
<script type="text/javascript" src="/jquery-ui.min.js"></script>
 

	
 
<style type="text/css">
 
  #progressbar .ui-widget-header { background: rgb(206, 31, 31); }
 
</style>
 

	
 
<script type="text/javascript">
 
  $(document).ready(function() {
 
    $("#progressbar").progressbar({ value: (66274.98 / 75000) * 100 });
...
 
@@ -140,7 +136,7 @@ el.attachEvent('on'+ev, function() {handler.apply(el);});
 
-->
 
$66,275 raised toward<br/>
 
our $75,000 goal.<br/>
 
<div id="progressbar" style="height:20px;"><span style="float:right; align:center; margin-right:40%">88.4%</span></div>
 
<div id="progressbar"><span style="float:right; align:center; margin-right:40%">88.4%</span></div>
 
<p style="font-size: 75%">(Progress bar updated monthly.)</p>
 
<a id="donate" style="text-decoration:none"></a>
 
<h3>Help us reach our goal:</h3>
www/conservancy/templates/base_compliance.html
Show inline comments
...
 
@@ -21,7 +21,7 @@
 

	
 
$<span id="fundraiser-so-far">5,056</span>
 
of $<span id="fundraiser-goal">50,000</span> match met.<br/>
 
<div id="progressbar" style="height:20px;"><span id="fundraiser-percentage" style="float:right; align:center; margin-right:40%"></span></div>
 
<div id="progressbar"><span id="fundraiser-percentage" style="float:right; align:center; margin-right:40%"></span></div>
 

	
 
<p>Donate now via PayPal:
 
</p>
0 comments (0 inline, 0 general)