Commit dcedfaa2 authored by fred's avatar fred
Browse files

style: render ogg/mp3 download links more visible

parent f8e1bf27
...@@ -1540,4 +1540,19 @@ div#fiber-content div.extra-soundfiles ul.list { ...@@ -1540,4 +1540,19 @@ div#fiber-content div.extra-soundfiles ul.list {
div.download-links { div.download-links {
position: absolute; position: absolute;
z-index: 1000; z-index: 1000;
text-align: right;
}
div.hidden-download-links {
display: none !important;
}
div.episode-detail div.sound div.download-links {
display: inline-block;
padding-top: 1ex;
padding-left: 1ex;
}
div.extra-soundfiles div.download-links {
background: white;
} }
...@@ -15,9 +15,9 @@ ...@@ -15,9 +15,9 @@
<button class="resymbol icon-download big" <button class="resymbol icon-download big"
title="Download file" title="Download file"
onclick="$(this).next().toggle();return false;" onclick="$(this).next().toggleClass('hidden-download-links');return false;"
></button> ></button>
<div class="hidden download-links"> <div class="download-links hidden-download-links">
{% if sound|is_format_available:'ogg' %} {% if sound|is_format_available:'ogg' %}
<a target="_blank" class="button inBlock" href="{{ sound|format_url:'ogg' }}"> <a target="_blank" class="button inBlock" href="{{ sound|format_url:'ogg' }}">
<span class="icon-file">&nbsp;ogg</span> <span class="icon-file">&nbsp;ogg</span>
......
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