From 7ec0e4c6f18cb7e4d8d069ca828a9582f7457898 Mon Sep 17 00:00:00 2001 From: kakkokari-gtyih Date: Sun, 23 Jul 2023 15:53:37 +0900 Subject: [PATCH 1/3] (fix) mfm: rainbow fallback --- .../src/components/global/MkMisskeyFlavoredMarkdown.ts | 7 ++++++- packages/frontend/src/style.scss | 7 +++++++ 2 files changed, 13 insertions(+), 1 deletion(-) diff --git a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts index 1c417991e0..67fa6fc2b8 100644 --- a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts +++ b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts @@ -170,8 +170,13 @@ export default function(props: { }, genEl(token.children, scale)); } case 'rainbow': { + if (!useAnim) { + return h('span', { + class: '_mfm_rainbow_fallback_', + }, genEl(token.children, scale)); + } const speed = validTime(token.props.args.speed) ?? '1s'; - style = useAnim ? `animation: mfm-rainbow ${speed} linear infinite;` : ''; + style = `animation: mfm-rainbow ${speed} linear infinite;`; break; } case 'sparkle': { diff --git a/packages/frontend/src/style.scss b/packages/frontend/src/style.scss index bd74db7c85..40eddc2da0 100644 --- a/packages/frontend/src/style.scss +++ b/packages/frontend/src/style.scss @@ -518,6 +518,13 @@ hr { } } +._mfm_rainbow_fallback_ { + background-image: linear-gradient(to right, rgb(255, 0, 0) 0%, rgb(255, 165, 0) 17%, rgb(255, 255, 0) 33%, rgb(0, 255, 0) 50%, rgb(0, 255, 255) 67%, rgb(0, 0, 255) 83%, rgb(255, 0, 255) 100%); + -webkit-background-clip: text; + background-clip: text; + color: transparent; +} + @keyframes mfm-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } From c772e4e9bbb1fe1a8b3d567939b0fdb97f7e24a3 Mon Sep 17 00:00:00 2001 From: kakkokari-gtyih Date: Sun, 23 Jul 2023 16:13:15 +0900 Subject: [PATCH 2/3] Update changelog --- CHANGELOG.md | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 35c01aff07..606b21be45 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -12,6 +12,17 @@ --> +## 13.x.x (unreleased) + +### General +- + +### Client +- `$[rainbow ]`記法が、動きのあるMFMが無効になっていても使用できるようになりました + +### Server +- + ## 13.14.1 ### General From 16b9b2e73732e7f30e7eac9833914ba574d0ef09 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=8B=E3=81=A3=E3=81=93=E3=81=8B=E3=82=8A?= <67428053+kakkokari-gtyih@users.noreply.github.com> Date: Mon, 31 Jul 2023 21:58:56 +0900 Subject: [PATCH 3/3] =?UTF-8?q?Update=20CHANGELOG.md=20(=E3=82=AB=E3=83=AC?= =?UTF-8?q?=E3=83=B3=E3=83=80=E3=83=BC=E3=83=AA=E3=83=AA=E3=83=BC=E3=82=B9?= =?UTF-8?q?=E5=AF=BE=E5=BF=9C)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- CHANGELOG.md | 12 +----------- 1 file changed, 1 insertion(+), 11 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 0db4f74db1..0cc316f8fe 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -21,6 +21,7 @@ - Enhance: 自分が押したリアクションのデザインを改善 - Fix: サーバー情報画面(`/instance-info/{domain}`)でブロックができないのを修正 - Fix: 未読のお知らせの「わかった」をクリック・タップしてもその場で「わかった」が消えない問題を修正 +- `$[rainbow ]`記法が、動きのあるMFMが無効になっていても使用できるようになりました ### Server - @@ -39,17 +40,6 @@ - Fix: APIのオフセットが壊れていたせいで「もっと見る」でもっと見れない問題を修正 - Fix: 外部サーバーの投稿がタイムラインに表示されないことがある問題を修正 -## 13.x.x (unreleased) - -### General -- - -### Client -- `$[rainbow ]`記法が、動きのあるMFMが無効になっていても使用できるようになりました - -### Server -- - ## 13.14.1 ### General