From 8a55d8a468cdbf39e9d741411d42a205e20e0f70 Mon Sep 17 00:00:00 2001 From: ShittyKopper Date: Wed, 24 Jan 2024 19:26:28 +0300 Subject: [PATCH 01/17] 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. --- packages/frontend/src/components/MkMediaAudio.vue | 3 +++ packages/frontend/src/components/MkMediaVideo.vue | 3 +++ packages/frontend/src/style.scss | 4 ++++ 3 files changed, 10 insertions(+) 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
+ + + 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
+ + + 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; } From a4439ed803f73302e82fe9ae4a01cee6c5865a1b Mon Sep 17 00:00:00 2001 From: ShittyKopper Date: Wed, 24 Jan 2024 19:36:19 +0300 Subject: [PATCH 02/17] fix: bring back the ability to hover on videos to show alt text --- packages/frontend/src/components/MkMediaVideo.vue | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/frontend/src/components/MkMediaVideo.vue b/packages/frontend/src/components/MkMediaVideo.vue index b4ad92cf09..04a424e0fe 100644 --- a/packages/frontend/src/components/MkMediaVideo.vue +++ b/packages/frontend/src/components/MkMediaVideo.vue @@ -430,7 +430,6 @@ onDeactivated(() => { display: block; height: 100%; width: 100%; - pointer-events: none; } .videoOverlayPlayButton { From f40c3a2d9f9fd8e8cd8fe69a9cf4605a737de554 Mon Sep 17 00:00:00 2001 From: ShittyKopper Date: Sun, 28 Jan 2024 15:07:22 +0300 Subject: [PATCH 03/17] fix: duplicate root dom element in dev mode --- packages/frontend/src/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/frontend/src/index.html b/packages/frontend/src/index.html index ec9110ecff..097c0080ae 100644 --- a/packages/frontend/src/index.html +++ b/packages/frontend/src/index.html @@ -30,7 +30,7 @@ -
+
From fae3af4342c8f0588871508e4b21418b6c73f6e7 Mon Sep 17 00:00:00 2001 From: blueb Date: Sun, 28 Jan 2024 12:29:16 -0500 Subject: [PATCH 04/17] fix: adjust alignment and margin of icon in detailed note tabs --- packages/frontend/src/components/SkNoteDetailed.vue | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/packages/frontend/src/components/SkNoteDetailed.vue b/packages/frontend/src/components/SkNoteDetailed.vue index d26e431c95..0681ddc6c8 100644 --- a/packages/frontend/src/components/SkNoteDetailed.vue +++ b/packages/frontend/src/components/SkNoteDetailed.vue @@ -1081,10 +1081,17 @@ onUnmounted(() => { } .tab { + display: flex; + align-items: center; + justify-content: center; flex: 1; padding: 12px 8px; border-top: solid 2px transparent; border-bottom: solid 2px transparent; + + > i { + margin-right: 8px; + } } .tabActive { From 02c9c420755ae9d9c3cf88d2c39dc8995435daa3 Mon Sep 17 00:00:00 2001 From: ShittyKopper Date: Mon, 29 Jan 2024 00:11:09 +0300 Subject: [PATCH 05/17] fix: links triggering clickToOpen --- packages/frontend/src/components/MkLink.vue | 1 + packages/frontend/src/components/global/MkUrl.vue | 1 + 2 files changed, 2 insertions(+) diff --git a/packages/frontend/src/components/MkLink.vue b/packages/frontend/src/components/MkLink.vue index bda683002d..a2e95fb690 100644 --- a/packages/frontend/src/components/MkLink.vue +++ b/packages/frontend/src/components/MkLink.vue @@ -7,6 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only diff --git a/packages/frontend/src/components/global/MkUrl.vue b/packages/frontend/src/components/global/MkUrl.vue index 667a113432..552253d35e 100644 --- a/packages/frontend/src/components/global/MkUrl.vue +++ b/packages/frontend/src/components/global/MkUrl.vue @@ -7,6 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only