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

restoring background color alternation of books in list view of supporter page after widgetization

pull/1/head
Andromeda Yelton 2011-11-22 13:33:57 -05:00
parent 5f4496a290
commit 25d2177ca4
5 changed files with 29 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
api/templates/widget.html
View File

@ -2,28 +2,15 @@
<html> <html>
<head> <head>
<title>unglue.it: {{work.title}}</title> <title>unglue.it: {{work.title}}</title>
<link REL="SHORTCUT ICON" HREF="/static/images/favicon.ico">
<link type="text/css" rel="stylesheet" href="/static/css/sitewide.css" /> <link type="text/css" rel="stylesheet" href="/static/css/sitewide.css" />
<link type="text/css" rel="stylesheet" href="/static/css/supporter_layout.css" /> <link type="text/css" rel="stylesheet" href="/static/css/supporter_layout.css" />
<link type="text/css" rel="stylesheet" href="/static/css/book_list.css" />
<link type="text/css" rel="stylesheet" href="/static/css/book_panel.css" /> <link type="text/css" rel="stylesheet" href="/static/css/book_panel.css" />
<style type="text/css">
.undefined {text-decoration:underline;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/static/js/jquery-ui-1.8.16.custom.min.js"></script> <script type="text/javascript" src="/static/js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="application/x-javascript">
jQuery(document).ready(function($) {
$('.listview').addClass("panelview").removeClass("listview");
});
</script>
<script type="text/javascript" src="/static/js/wishlist.js"></script> <script type="text/javascript" src="/static/js/wishlist.js"></script>
<script type="text/javascript" src="/static/js/greenpanel.js"></script> <script type="text/javascript" src="/static/js/greenpanel.js"></script>
<!-- <script type="text/javascript" src="/static/js/tabs.js"></script> -->
</head> </head>

2
frontend/templates/book_panel.html
View File

@ -7,7 +7,7 @@
{% else %} {% else %}
<div class="listview tabs tabs-3"> <div class="listview tabs tabs-3">
{% endif %}{% endif %} {% endif %}{% endif %}
<div class="listview book-list {% cycle 'row1' 'row2' %} side1"> <div class="listview book-list side1">
<span class="listview panelback side2"> <span class="listview panelback side2">
<div class="greenpanel2"> <div class="greenpanel2">
<div class="unglued_white"> <div class="unglued_white">

3
frontend/templates/supporter.html
View File

@ -234,8 +234,9 @@ how do I integrate the your wishlist thing with the tabs thing?
{% else %} {% else %}
{% paginate 20 works %} {% paginate 20 works %}
{% for work in works %} {% for work in works %}
<!-- classify which tab depending on work.last_campaign_status --> <div class="{% cycle 'row1' 'row2' %}">
{% include "book_panel.html" %} {% include "book_panel.html" %}
</div>
{% endfor %} {% endfor %}
<br> <br>
<div class="pagination content-block-heading"> <div class="pagination content-block-heading">

24
static/css/book_list.css
View File

@ -14,6 +14,13 @@
border-color: #FFFFFF; border-color: #FFFFFF;
} }
/* Cross-browser language */ /* Cross-browser language */
/* rows in listview should alternate colors */
.row1 .book-list.listview {
background: #f6f9f9;
}
.row2 .book-list.listview {
background: #fff;
}
div.book-list.listview { div.book-list.listview {
clear: both; clear: both;
display: block; display: block;
@ -23,12 +30,10 @@ div.book-list.listview {
margin: 0 5px 0 0; margin: 0 5px 0 0;
padding: 7px 0; padding: 7px 0;
position: relative; position: relative;
} /* row is a container for divs with individual content elements */
div.book-list.listview.row1 {
background: #f6f9f9; /* these elements are styled differently to create list and panel views */
}
div.book-list.listview.row2 {
background: #fff;
} }
div.book-list.listview div.unglue-this { div.book-list.listview div.unglue-this {
float: left; float: left;
@ -78,10 +83,7 @@ div.book-list.listview div.booklist-status {
margin-right: 7px; margin-right: 7px;
float: left; float: left;
} }
div.add-wishlist { div.add-wishlist, div.remove-wishlist {
cursor: pointer;
}
div.remove-wishlist {
cursor: pointer; cursor: pointer;
} }
.booklist-status.listview span.booklist-status-label { .booklist-status.listview span.booklist-status-label {
@ -221,7 +223,7 @@ ul.navigation li a:hover, ul.navigation li.active a {
display: none; display: none;
} }
div.content-block-content { div.content-block-content {
padding-bottom: 200px; padding-bottom: 100px;
} }
.listview.panelback, .listview.panelback div { .listview.panelback, .listview.panelback div {
display: none; display: none;

27
static/less/book_list.less
View File

@ -8,6 +8,15 @@
opacity:@op/100; opacity:@op/100;
} }
/* rows in listview should alternate colors */
.row1 .book-list.listview {
background: #f6f9f9;
}
.row2 .book-list.listview {
background: #fff;
}
div.book-list.listview{ div.book-list.listview{
clear:both; clear:both;
display:block; display:block;
@ -18,14 +27,8 @@ div.book-list.listview{
// overflow:hidden; // overflow:hidden;
position: relative; position: relative;
&.row1 { /* row is a container for divs with individual content elements */
background:#f6f9f9; /* these elements are styled differently to create list and panel views */
}
&.row2 {
background:#fff;
}
div { div {
&.unglue-this { &.unglue-this {
float: left; float: left;
@ -80,11 +83,7 @@ div.book-list.listview{
} }
} }
div.add-wishlist { div.add-wishlist, div.remove-wishlist {
cursor: pointer;
}
div.remove-wishlist {
cursor: pointer; cursor: pointer;
} }
@ -244,7 +243,7 @@ ul.navigation li a:hover, ul.navigation li.active a {
} }
div.content-block-content { div.content-block-content {
padding-bottom: 200px; padding-bottom: 100px;
} }
.listview.panelback, .listview.panelback div { .listview.panelback, .listview.panelback div {