SWREI/switched
0
0
Fork 0
Code

Fix(frontend): MFMでfgとbgに長い単語を使うと改行されない問題を修正 (#12819)

Browse Source 
* MFMでfgとbgに長い単語を使うと改行されない問題を修正

* update CHANGELOG.md
This commit is contained in:
1Step621 2023-12-27 20:41:01 +09:00 committed by GitHub
parent 9d5fc4ca17
commit 2a5c9e6002
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -21,6 +21,7 @@
### Client ### Client
- Fix: 一部のモデログ(logYellowでの表示対象)について、表示の色が変わらない問題を修正 - Fix: 一部のモデログ(logYellowでの表示対象)について、表示の色が変わらない問題を修正
- Feat: AiScript専用のMFM構文`$[clickable.ev=EVENTNAME ...]`を追加。`Mk:C:mfm`のオプション`onClickEv`に関数を渡すと、クリック時に`EVENTNAME`を引数にして呼び出す - Feat: AiScript専用のMFM構文`$[clickable.ev=EVENTNAME ...]`を追加。`Mk:C:mfm`のオプション`onClickEv`に関数を渡すと、クリック時に`EVENTNAME`を引数にして呼び出す
- Fix: `fg`/`bg`MFMに長い単語を指定すると、オーバーフローされずはみ出る問題を修正
### Server ### Server
- Enhance: センシティブワードの設定がハッシュタグトレンドにも適用されるようになりました - Enhance: センシティブワードの設定がハッシュタグトレンドにも適用されるようになりました

4
packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts
View File

@ -242,13 +242,13 @@ export default function(props: MfmProps, context: SetupContext<MfmEvents>) {
case 'fg': { case 'fg': {
let color = token.props.args.color; let color = token.props.args.color;
if (!/^[0-9a-f]{3,6}$/i.test(color)) color = 'f00'; if (!/^[0-9a-f]{3,6}$/i.test(color)) color = 'f00';
style = `color: #${color};`; style = `color: #${color}; overflow-wrap: anywhere;`;
break; break;
} }
case 'bg': { case 'bg': {
let color = token.props.args.color; let color = token.props.args.color;
if (!/^[0-9a-f]{3,6}$/i.test(color)) color = 'f00'; if (!/^[0-9a-f]{3,6}$/i.test(color)) color = 'f00';
style = `background-color: #${color};`; style = `background-color: #${color}; overflow-wrap: anywhere;`;
break; break;
} }
case 'ruby': { case 'ruby': {