EbookFoundation
/
regluit
mirror of https://github.com/EbookFoundation/regluit.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

make whole pledge/read now area on back of panel clickable, maintain styling

pull/1/head
Andromeda Yelton 2012-05-23 08:47:41 -04:00
parent 2f285d7300
commit cd9ff5af63
3 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/templates/book_panel.html
View File

@ -16,21 +16,21 @@
{% if first_ebook %}
<b>AVAILABLE!</b>
</div>
<div class="read_itbutton">{% if first_ebook %}<a href="{{ work.ebooks.0.url }}">{% endif %}Read it Now</a></div>
<a href="{{ work.ebooks.0.url }}"><div class="read_itbutton"><span>Read it Now</span></div></a>
{% else %}{% if status == 'SUCCESSFUL' %}
<b>UNGLUED!</b>
<p><b>On:</b> {{ deadline|date:"M d, Y" }}</p>
<p><b>Raised:</b> {{ work.last_campaign.current_total|intcomma }}</p>
</div>
<div class="read_itbutton">{% if first_ebook %}<a href="{{ work.ebooks.0.url }}">{% endif %}Read it Now</a></div>
{% if first_ebook %}<a href="{{ work.ebooks.0.url }}"><div class="read_itbutton"><span>Read it Now</span></div></a>{% else %}<div class="read_itbutton"><span>Coming Soon</span></div>{% endif %}
{% else %}{% if status == 'ACTIVE' %}
<b>UNGLUE IT!</b>
<p><b>${{ work.last_campaign.current_total|intcomma }}</b> raised</p><p><b>${{ work.last_campaign.target|intcomma }}</b> needed</p>
<p>by {{ deadline|date:"M d, Y" }}</p>
</div>
<div class="read_itbutton pledge"><a href="/pledge/{{work.id}}">Support</a></div>
<a href="/pledge/{{work.id}}"><div class="read_itbutton pledge"><span>Support</span></div></a>
{% else %}{% if status == 'INITIALIZED' %}
<p>Campaign coming soon!</p>

12
static/css/book_panel.css
View File

@ -254,7 +254,7 @@ div.panelview.side2 {
border-radius: 4px;
border: 1px solid #81bb38;
}
.read_itbutton a {
.read_itbutton span {
line-height: 40px;
font-size: 11px;
background-repeat: no-repeat;
@ -266,10 +266,10 @@ div.panelview.side2 {
color: #73a334;
background: url("/static/images/book-panel/book_icon.png") no-repeat 10% center;
}
.read_itbutton a:hover {
.read_itbutton span:hover {
text-decoration: none;
}
.read_itbutton a:hover {
.read_itbutton span:hover {
text-decoration: none;
color: #3d4e53;
}
@ -278,7 +278,7 @@ div.panelview.side2 {
background-repeat: no-repeat;
background-position: 90% center;
}
.read_itbutton.pledge a {
.read_itbutton.pledge span {
line-height: 35px;
font-size: 11px;
background-repeat: no-repeat;
@ -290,10 +290,10 @@ div.panelview.side2 {
color: #73a334;
background: none;
}
.read_itbutton.pledge a:hover {
.read_itbutton.pledge span:hover {
text-decoration: none;
}
.read_itbutton.pledge a:hover {
.read_itbutton.pledge span:hover {
text-decoration: none;
color: #3d4e53;
}

4
static/less/book_panel.less
View File

@ -209,7 +209,7 @@ div.panelview.side2 {
/* White-background action buttons; vary by state of campaign */
.read_itbutton {
.readit;
a {
span {
.readit_inner(30px, 40px);
background: url("@{image-base}book-panel/book_icon.png") no-repeat 10% center;
@ -217,7 +217,7 @@ div.panelview.side2 {
}
&.pledge {
a {
span {
.readit_inner(25px, 35px);
background: none;