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

Add content to download options

foundation/download
nicholas antonov 2018-04-25 17:16:46 -04:00
parent 2b2355e6b6
commit cd249b667f
3 changed files with 17 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/templates/base.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
{% load truncatechars %}{% load sass_tags %}
<html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
@ -58,7 +58,7 @@
</div>
<div id="header-search-bar">
<form action="{% url 'search' %}" method="get">
<input type="text" placeholder="Search" id="nowatermark" size="25" onfocus="imgfocus()" onblur="imgblur(15)" class="inputbox" name="q" value="{{ q }}"></input>
<input role="search" type="text" placeholder="Search" id="nowatermark" size="25" onfocus="imgfocus()" onblur="imgblur(15)" class="inputbox" name="q" value="{{ q }}"></input>
<i class="fa fa-search"></i>
</form>
</div>

3
frontend/templates/download.html
View File

@ -121,7 +121,7 @@
<div class="ebook_download">
{% for ebook in other_ebooks %}
<div class="download_option flexible card">
<span class="ebook_format_label h4">{{ebook.format}}: </span>
<span class="ebook_format_label h4">{{ebook.format}}:<img class="hide-for-small-only" src="/static/images/{{ ebook.format }}32.png" height="32" alt="{{ ebook.format }} at {{ebook.provider}}" title="{{ ebook.format }} at {{ebook.provider}}" /></span>
<a href="{% url 'download_ebook' ebook.id %}">
<i class="fa fa-download fa-2x" title="Download {{ebook.format}}"></i>
</a>
@ -129,6 +129,7 @@
<span class="dropbox_download_option" >
<a class="dropbox-saver" href="{{ ebook.download_url }}" data-filename="unglueit-{{ work.id }}.{{ ebook.format }}"></a>
</span>
<img src="{{ ebook.rights_badge }}" class="hide-for-small-only" alt="{{ ebook.rights}}" title="{{ ebook.rights}}" />
{% endif %}
</div>
{% endfor %}

91
static/scss/download.scss
View File

@ -3,80 +3,9 @@
@import 'settings';
@import 'foundation';
#lightbox_content a {
color: $medium-blue;
}
#lightbox_content .signuptoday a {
color: white;
}
#lightbox_content h2, #lightbox_content h3, #lightbox_content h4 {
margin-top: 15px;
}
#lightbox_content h2 a {
font-size: $font-size-larger*1.25;
}
#lightbox_content .ebook_download {
a {
margin: auto 5px auto 0;
font-size: $font-size-larger;
}
img {
vertical-align: middle;
}
}
#lightbox_content .logo {
img {
@include one-border-radius(7px);
height: 50px;
width: 50px;
margin-right: 5px;
}
font-size: $font-size-larger;
}
#lightbox_content .one_click, #lightbox_content .ebook_download_container {
@include one-border-radius(5px);
margin-left: -.25%;
padding: 0.5%;
padding-bottom: 15px;
margin-bottom: 5px;
width: 74%;
h3 {
margin-top: 5px;
}
}
#lightbox_content .one_click {
border: solid 2px $call-to-action;
}
#lightbox_content .ebook_download_container {
border: solid 2px $blue-grey;
}
#lightbox_content a.add-wishlist .on-wishlist, #lightbox_content a.success, a.success:hover {
text-decoration: none;
color: $text-blue;
}
#lightbox_content a.success, a.success:hover {
cursor: default;
}
#lightbox_content ul {
padding-left: 50px;
li {
margin-bottom: 4px;
}
.download-body {
width: 100%;
}
.border {
@ -140,15 +69,15 @@
justify-content: space-between;
align-items: center;
padding: 9px 0px;
& > * {
padding: 5px;
}
padding: 7px 5px;
i {
vertical-align: middle;
}
.h4 {
margin-bottom: 0px;
}
}
.ebook_download {
@ -201,6 +130,12 @@
flex: 1 0 40%;
flex-direction: column;;
& > * {
margin: 0px;
padding: 6px 0px;
}
i {
padding: 10px;
}