fix(frontend): 一定の条件でノート送信ボタンが意図しない見た目になる問題を修正

[mattyatea]

What

Why

Additional info (optional)

Checklist

• Read the contribution guide
• Test working in a local environment
• (If needed) Add story of storybook
• (If needed) Update CHANGELOG.md
• (If possible) Add tests

[u1-liquid]

これmedia queryのcssでdisplay: noneするだけで処理できるんじゃない？screenwidthをwatchする必要はなさそう

参考

misskey/packages/frontend/src/components/MkPostForm.vue

Lines 1395 to 1402 in f280ce2

	@container (max-width: 500px) {
	.headerRight {
	font-size: .9em;
	}
	.headerRightButtonText {
	display: none;
	}

[u1-liquid]

submitInnerにgapを設定するとmarginのためのclassは要らなくなりそう
あとちょっと下に既に350pxでの分岐があるのでそっちに統合しちゃっていいかも

misskey/packages/frontend/src/components/MkPostForm.vue

Line 1434 in f280ce2

@container (max-width: 350px) {

[u1-liquid]

• gapだけだと効かないのでflexにする
• アイコンの位置がずれるのでspanで囲む
• 1つの要素しかなければgapは何もしないので変えなくていい

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[mattyatea]

gapだけだと効かないのでflexにする
1つの要素しかなければgapは何もしないので変えなくていい

確かに...🥴

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud