Add video download button

Fixes #263
This commit is contained in:
Zed 2026-06-21 20:37:29 +02:00
commit 279fa09771
10 changed files with 93 additions and 41 deletions

View file

@ -305,7 +305,7 @@
margin-top: 4px;
margin-bottom: -2px;
.icon-attention {
.icon-attention-circled {
margin-right: -3px;
}
}

View file

@ -28,6 +28,40 @@ video {
}
}
.video-download {
position: absolute;
top: 8px;
right: 8px;
z-index: 2;
color: var(--accent);
text-decoration: none;
opacity: 0;
transition: opacity 0.2s;
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.7));
.icon-container {
margin: 0;
}
.icon-download-alt {
font-size: 18px;
}
}
.attachment:hover .video-download {
opacity: 1;
&:hover {
color: var(--fg_color);
}
}
@media (hover: none) {
.video-download {
opacity: 1;
}
}
.video-overlay {
@include play-button;
background-color: $shadow;