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> <!DOCTYPE html>
{% load truncatechars %}{% load sass_tags %} {% load truncatechars %}{% load sass_tags %}
<html> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
@ -58,7 +58,7 @@
</div> </div>
<div id="header-search-bar"> <div id="header-search-bar">
<form action="{% url 'search' %}" method="get"> <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> <i class="fa fa-search"></i>
</form> </form>
</div> </div>

3
frontend/templates/download.html
View File

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

91
static/scss/download.scss
View File

@ -3,80 +3,9 @@
@import 'settings'; @import 'settings';
@import 'foundation'; @import 'foundation';
#lightbox_content a {
color: $medium-blue;
}
#lightbox_content .signuptoday a { .download-body {
color: white; width: 100%;
}
#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;
}
} }
.border { .border {
@ -140,15 +69,15 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 9px 0px; padding: 7px 5px;
& > * {
padding: 5px;
}
i { i {
vertical-align: middle; vertical-align: middle;
} }
.h4 {
margin-bottom: 0px;
}
} }
.ebook_download { .ebook_download {
@ -201,6 +130,12 @@
flex: 1 0 40%; flex: 1 0 40%;
flex-direction: column;; flex-direction: column;;
& > * {
margin: 0px;
padding: 6px 0px;
}
i { i {
padding: 10px; padding: 10px;
} }