Commit 2d15b677 authored by Thom Wiggers's avatar Thom Wiggers

Merge branch 'fix/download-albums' into 'master'

Fix album download button

Closes #187 

See merge request !188
parents cafd1588 35c0e4b9
......@@ -11,7 +11,7 @@
{% block body %}
<h1>{{ album.title }}
<span class="title-meta clearfix">
<span><a href="{% url 'photos:album-download' album.slug %}" class="overlay-icon-download"></a></span>
<span><a href="{% url 'photos:album-download' album.slug %}" class="download"></a></span>
<span><a href="{% url 'photos:index' %}" class="back"></a></span>
</span>
<span class="title-meta clearfix">
......
......@@ -1555,54 +1555,68 @@ body {
top: 22px;
width: auto !important;
white-space: nowrap;
}
[class^="title-meta"] span {
display: block;
background: none;
float: left;
margin: 0;
padding: 0;
position: relative;
}
[class^="title-meta"] span a {
display: block;
height: 24px;
margin-left: 5px;
width: 24px;
}
[class^="title-meta"] span a.prev {
background: url('../images/misc/icon_next_prev.png') 0 0 no-repeat;
background-size: 48px 48px;
}
[class^="title-meta"] span a.next {
background: url('../images/misc/icon_next_prev.png') -24px 0 no-repeat;
background-size: 48px 48px;
}
[class^="title-meta"] span a.back {
background: url('../images/misc/icon_back.png') 0 0 no-repeat;
background-size: 48px 24px;
}
[class^="title-meta"] span a.prev:hover {
background-position: 0 -24px;
}
[class^="title-meta"] span a.next:hover {
background-position: -24px -24px;
}
[class^="title-meta"] span a.back:hover {
background-position: -24px 0;
}
[class^="title-meta"] span a.calendar {
background-color: #e62272;
color: #000000;
&:hover {
color: #e62272;
background-color: #000000;
}
span {
display: block;
background: none;
float: left;
margin: 0;
padding: 0;
position: relative;
a {
display: block;
height: 24px;
width: 24px;
margin-left: 5px;
&.download {
background: url('../images/misc/icon_download.png') no-repeat 0 -24px;
background-size: 24px auto;
&:hover {
background-position: 0 0;
}
}
&.prev {
background: url('../images/misc/icon_next_prev.png') 0 0 no-repeat;
background-size: 48px 48px;
&:hover {
background-position: 0 -24px;
}
}
&.next {
background: url('../images/misc/icon_next_prev.png') -24px 0 no-repeat;
background-size: 48px 48px;
&:hover {
background-position: -24px -24px;
}
}
&.back {
background: url('../images/misc/icon_back.png') 0 0 no-repeat;
background-size: 48px 24px;
&:hover {
background-position: -24px 0;
}
}
.fa {
margin-top: 6px;
margin-left: 1px;
&.calendar {
background-color: #e62272;
color: #000000;
&:hover {
color: #e62272;
background-color: #000000;
}
.fa {
margin-top: 6px;
margin-left: 1px;
}
}
}
}
}
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment