devol
/
teddit-reddit-frontend-alternativa
mirror of https://codeberg.org/teddit/teddit
1
0
Fork 0
Code Issues Releases Wiki Activity

fix video duration CSS

This commit is contained in:
teddit 2021-09-04 14:35:49 +02:00
parent bd010e3b36
commit 0dab483a17
2 changed files with 23 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
static/css/styles.css
View File

@ -378,6 +378,18 @@ footer a {
max-height: 80px;
float: left;
text-align: center;
position: relative;
}
#links .link .image .duration {
left: 0;
background: gray;
position: absolute;
background-color: rgba(0,0,0,0.6);
color: white;
bottom: 0px;
font-size: var(--sm-font);
width: 100%;
text-align: center;
}
#links .link .image img {
width: auto;
@ -1049,6 +1061,15 @@ footer a {
font-size: var(--sm-font);
margin-bottom: 4px;
}
#user .entries .link .image a span {
bottom: 0;
background: #0000005e;
left: 0;
width: 100%;
text-align: center;
color: white;
font-size: var(--sm-font);
}
#user .entries .link .image img {
max-width: 80px;
}

4
views/components/link.pug
View File

@ -9,12 +9,12 @@
a(href="" + link.permalink + "")
img(src="" + link.images.thumb + "", alt="")
if link.duration
span #{secondsToMMSS(link.duration)}
span.duration #{secondsToMMSS(link.duration)}
else
a(href=""+ link.url +"", rel="noopener noreferrer")
img(src="" + link.images.thumb + "", alt="")
if link.duration
span #{secondsToMMSS(link.duration)}
span.duration #{secondsToMMSS(link.duration)}
else
a(href="" + link.permalink + "")
.no-image no image