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 %} {% if first_ebook %}
<b>AVAILABLE!</b> <b>AVAILABLE!</b>
</div> </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' %} {% else %}{% if status == 'SUCCESSFUL' %}
<b>UNGLUED!</b> <b>UNGLUED!</b>
<p><b>On:</b> {{ deadline|date:"M d, Y" }}</p> <p><b>On:</b> {{ deadline|date:"M d, Y" }}</p>
<p><b>Raised:</b> {{ work.last_campaign.current_total|intcomma }}</p> <p><b>Raised:</b> {{ work.last_campaign.current_total|intcomma }}</p>
</div> </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' %} {% else %}{% if status == 'ACTIVE' %}
<b>UNGLUE IT!</b> <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><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> <p>by {{ deadline|date:"M d, Y" }}</p>
</div> </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' %} {% else %}{% if status == 'INITIALIZED' %}
<p>Campaign coming soon!</p> <p>Campaign coming soon!</p>

12
static/css/book_panel.css
View File

@ -254,7 +254,7 @@ div.panelview.side2 {
border-radius: 4px; border-radius: 4px;
border: 1px solid #81bb38; border: 1px solid #81bb38;
} }
.read_itbutton a { .read_itbutton span {
line-height: 40px; line-height: 40px;
font-size: 11px; font-size: 11px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -266,10 +266,10 @@ div.panelview.side2 {
color: #73a334; color: #73a334;
background: url("/static/images/book-panel/book_icon.png") no-repeat 10% center; background: url("/static/images/book-panel/book_icon.png") no-repeat 10% center;
} }
.read_itbutton a:hover { .read_itbutton span:hover {
text-decoration: none; text-decoration: none;
} }
.read_itbutton a:hover { .read_itbutton span:hover {
text-decoration: none; text-decoration: none;
color: #3d4e53; color: #3d4e53;
} }
@ -278,7 +278,7 @@ div.panelview.side2 {
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 90% center; background-position: 90% center;
} }
.read_itbutton.pledge a { .read_itbutton.pledge span {
line-height: 35px; line-height: 35px;
font-size: 11px; font-size: 11px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -290,10 +290,10 @@ div.panelview.side2 {
color: #73a334; color: #73a334;
background: none; background: none;
} }
.read_itbutton.pledge a:hover { .read_itbutton.pledge span:hover {
text-decoration: none; text-decoration: none;
} }
.read_itbutton.pledge a:hover { .read_itbutton.pledge span:hover {
text-decoration: none; text-decoration: none;
color: #3d4e53; 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 */ /* White-background action buttons; vary by state of campaign */
.read_itbutton { .read_itbutton {
.readit; .readit;
a { span {
.readit_inner(30px, 40px); .readit_inner(30px, 40px);
background: url("@{image-base}book-panel/book_icon.png") no-repeat 10% center; background: url("@{image-base}book-panel/book_icon.png") no-repeat 10% center;
@ -217,7 +217,7 @@ div.panelview.side2 {
} }
&.pledge { &.pledge {
a { span {
.readit_inner(25px, 35px); .readit_inner(25px, 35px);
background: none; background: none;