indymedia
/
epicyon
mirror of https://gitlab.com/bashrc2/epicyon
7
4
Fork 1
Code Issues 14 Releases Wiki Activity

Styling for performer images on podcast screen

merge-requests/24/head
Bob Mottram 2022-05-03 18:11:25 +01:00
parent d00180e456
commit c6b0387cc8
2 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
epicyon-podcast.css
View File

@ -158,6 +158,10 @@ a:focus {
width: 15%;
}
.performers {
display: flex;
}
@media screen and (min-width: 400px) {
textarea {
font-family: Arial, Helvetica, sans-serif;
@ -233,6 +237,9 @@ a:focus {
padding: 10px;
margin: 20px 30px;
}
.performers img {
width: 20%;
}
.chapters img {
width: 10%;
}
@ -313,6 +320,9 @@ a:focus {
padding: 20px;
margin: 30px 40px;
}
.performers img {
width: 30%;
}
.chapters img {
width: 15%;
}
@ -393,6 +403,9 @@ a:focus {
padding: 20px;
margin: 30px 40px;
}
.performers img {
width: 30%;
}
.chapters img {
width: 15%;
}

13
webapp_podcast.py
View File

@ -91,17 +91,18 @@ def _html_podcast_chapters(link_url: str,
'</a>'
if chapter.get('img'):
chapters_html += \
' <li>\n' + \
' ' + start_time_str + '\n' + \
' <img loading="lazy" ' + \
' <li>\n' + \
' ' + start_time_str + '\n' + \
' <img loading="lazy" ' + \
'decoding="async" ' + \
'src="' + chapter['img'] + \
'" alt="" />\n' + \
' ' + chapter_title + '\n' + \
' </li>\n'
' ' + chapter_title + '\n' + \
' </li>\n'
if chapters_html:
html_str = \
'<ul class="chapters">\n' + chapters_html + '</ul>\n'
'<div class="chapters">\n' + \
' <ul>\n' + chapters_html + ' </ul>\n</div>\n'
return html_str