blankie
/
nitter
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Improve quote video badge

This commit is contained in:
Zed 2019-06-24 18:19:43 +02:00
parent e920e98d10
commit 6f932b53b0
2 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/style.css
View File

@ -659,14 +659,16 @@ video {
} }
.quote-badge { .quote-badge {
background: rgba(0,0,0,0.25); left: 0px;
border-radius: 4px;
bottom: 8px;
box-sizing: border-box;
color: #fffffff0;
left: 8px;
position: absolute; position: absolute;
z-index: 1; z-index: 1;
line-height: 16px; align-self: flex-end;
padding: 2px; }
.quote-badge-text {
margin: 4px;
background: rgba(0, 0, 0, 0.66);
border-radius: 4px;
color: #fffffff0;
padding: 0px 2px;
} }

4
src/views/tweet.nim
View File

@ -39,7 +39,9 @@
<div class="quote-media"> <div class="quote-media">
<img src=${quote.thumb.get().getSigUrl("pic")}> <img src=${quote.thumb.get().getSigUrl("pic")}>
#if quote.badge.isSome: #if quote.badge.isSome:
<div class="quote-badge">${quote.badge.get()}</div> <div class="quote-badge">
<div class="quote-badge-text">${quote.badge.get()}</div>
</div>
#end if #end if
</div> </div>
</div> </div>