Merge branch 'develop' into mfm-rainbow-fallback

Update changelog
2023-07-27 09:18:45 +09:00 · 2023-07-24 21:34:33 +09:00 · 2023-07-23 16:13:15 +09:00 · 2023-07-23 15:53:37 +09:00
3 changed files with 24 additions and 1 deletions
@@ -26,6 +26,17 @@
 - Fix: APIのオフセットが壊れていたせいで「もっと見る」でもっと見れない問題を修正
 - Fix: 外部サーバーの投稿がタイムラインに表示されないことがある問題を修正

+## 13.x.x (unreleased)
+
+### General
+-
+
+### Client
+- `$[rainbow ]`記法が、動きのあるMFMが無効になっていても使用できるようになりました
+
+### Server
+-
+
 ## 13.14.1

 ### General
@@ -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': {
@@ -520,6 +520,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); }
Author	SHA1	Message	Date
かっこかり	414aff4ad9	Merge branch 'develop' into mfm-rainbow-fallback	2023-07-27 09:18:45 +09:00
かっこかり	ed2fbdee45	Merge branch 'develop' into mfm-rainbow-fallback	2023-07-24 21:34:33 +09:00
kakkokari-gtyih	c772e4e9bb	Update changelog	2023-07-23 16:13:15 +09:00
kakkokari-gtyih	7ec0e4c6f1	(fix) mfm: rainbow fallback	2023-07-23 15:53:37 +09:00