diff options
| author | ShittyKopper <shittykopper@w.on-t.work> | 2024-01-24 19:26:28 +0300 |
|---|---|---|
| committer | ShittyKopper <shittykopper@w.on-t.work> | 2024-02-04 12:51:14 +0300 |
| commit | 8a55d8a468cdbf39e9d741411d42a205e20e0f70 (patch) | |
| tree | 42304da3ab44c97e496baba37f68cef65f1564dc /packages/frontend/src | |
| parent | merge: Catch up to upstream (!402) (diff) | |
| download | sharkey-8a55d8a468cdbf39e9d741411d42a205e20e0f70.tar.gz sharkey-8a55d8a468cdbf39e9d741411d42a205e20e0f70.tar.bz2 sharkey-8a55d8a468cdbf39e9d741411d42a205e20e0f70.zip | |
upd: add a download button to videos and audio
this only works for media from the same origin due to annoying browser
restrictions, but then the same applies to every other download button
in misskey (e.g. the one in drive) and there's basically nothing i can
to do solve it.
Diffstat (limited to 'packages/frontend/src')
| -rw-r--r-- | packages/frontend/src/components/MkMediaAudio.vue | 3 | ||||
| -rw-r--r-- | packages/frontend/src/components/MkMediaVideo.vue | 3 | ||||
| -rw-r--r-- | packages/frontend/src/style.scss | 4 |
3 files changed, 10 insertions, 0 deletions
diff --git a/packages/frontend/src/components/MkMediaAudio.vue b/packages/frontend/src/components/MkMediaAudio.vue index a52f2a0e05..dc76d2bcdb 100644 --- a/packages/frontend/src/components/MkMediaAudio.vue +++ b/packages/frontend/src/components/MkMediaAudio.vue @@ -32,6 +32,9 @@ SPDX-License-Identifier: AGPL-3.0-only </button> </div> <div :class="[$style.controlsChild, $style.controlsRight]"> + <a class="_button" :class="$style.controlButton" :href="audio.url" :download="audio.name" target="_blank"> + <i class="ph-download ph-bold ph-lg"></i> + </a> <button class="_button" :class="$style.controlButton" @click="showMenu"> <i class="ph-gear ph-bold ph-lg"></i> </button> diff --git a/packages/frontend/src/components/MkMediaVideo.vue b/packages/frontend/src/components/MkMediaVideo.vue index 3b8d43c85b..b4ad92cf09 100644 --- a/packages/frontend/src/components/MkMediaVideo.vue +++ b/packages/frontend/src/components/MkMediaVideo.vue @@ -51,6 +51,9 @@ SPDX-License-Identifier: AGPL-3.0-only </button> </div> <div :class="[$style.controlsChild, $style.controlsRight]"> + <a class="_button" :class="$style.controlButton" :href="video.url" :download="video.name" target="_blank"> + <i class="ph-download ph-bold ph-lg"></i> + </a> <button class="_button" :class="$style.controlButton" @click="showMenu"> <i class="ph-settings ph-bold ph-lg"></i> </button> diff --git a/packages/frontend/src/style.scss b/packages/frontend/src/style.scss index 46f88825b8..bc43d85376 100644 --- a/packages/frontend/src/style.scss +++ b/packages/frontend/src/style.scss @@ -253,6 +253,10 @@ rt { line-height: inherit; max-width: 100%; + &:hover { + text-decoration: none; + } + &:focus-visible { outline: none; } |