enhance: スタイル調整

tai-cha · Jan 17, 2025 · ded7a80 · ded7a80
1 parent 394a692
commit ded7a80
Show file tree

Hide file tree

Showing 6 changed files with 283 additions and 197 deletions.
diff --git a/locales/index.d.ts b/locales/index.d.ts
@@ -5254,22 +5254,6 @@ export interface Locale extends ILocale {
      * 下書き
      */
     "draft": string;
-    /**
-     * 下書きを選択
-     */
-    "selectDraft": string;
-    /**
-     * 下書きはありません
-     */
-    "noDrafts": string;
-    /**
-     * 下書きを保存
-     */
-    "saveDraft": string;
-    /**
-     * 下書きを削除
-     */
-    "removeDraft": string;
     "_accountSettings": {
         /**
          * コンテンツの表示にログインを必須にする
@@ -10751,6 +10735,49 @@ export interface Locale extends ILocale {
             };
         };
     };
+    "_drafts": {
+        /**
+         * 下書きを選択
+         */
+        "select": string;
+        /**
+         * サーバーに下書きを保存しますか？
+         */
+        "saveConfirm": string;
+        /**
+         * ここで「いいえ」を選択しても、下書きは端末内に保存されます。
+         * サーバーに保存することで、端末間で下書きを共有したり、もしもの時にデータが失われるのを防いだりすることができます。
+         */
+        "saveConfirmDescription": string;
+        /**
+         * これ以上下書きを作成できません
+         */
+        "youCantCreateAnymore": string;
+        /**
+         * 下書きを削除
+         */
+        "delete": string;
+        /**
+         * 下書きを削除しますか？
+         */
+        "deleteAreYouSure": string;
+        /**
+         * 下書きはありません
+         */
+        "noDrafts": string;
+        /**
+         * {user}への返信
+         */
+        "replyTo": ParameterizedString<"user">;
+        /**
+         * {user}のノートへの引用
+         */
+        "quoteOf": ParameterizedString<"user">;
+        /**
+         * {channel}への投稿
+         */
+        "postTo": ParameterizedString<"channel">;
+    };
 }
 declare const locales: {
     [lang: string]: Locale;

diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
@@ -1309,10 +1309,6 @@ acknowledgeNotesAndEnable: "注意事項を理解した上でオンにします
 federationSpecified: "このサーバーはホワイトリスト連合で運用されています。管理者が指定したサーバー以外とやり取りすることはできません。"
 federationDisabled: "このサーバーは連合が無効化されています。他のサーバーのユーザーとやり取りすることはできません。"
 draft: "下書き"
-selectDraft: "下書きを選択"
-noDrafts: "下書きはありません"
-saveDraft: "下書きを保存"
-removeDraft: "下書きを削除"
 
 _accountSettings:
   requireSigninToViewContents: "コンテンツの表示にログインを必須にする"
@@ -2871,3 +2867,15 @@ _captcha:
     _unknown:
       title: "CAPTCHAエラー"
       text: "想定外のエラーが発生しました。"
+
+_drafts:
+  select: "下書きを選択"
+  saveConfirm: "サーバーに下書きを保存しますか？"
+  saveConfirmDescription: "ここで「いいえ」を選択しても、下書きは端末内に保存されます。\nサーバーに保存することで、端末間で下書きを共有したり、もしもの時にデータが失われるのを防いだりすることができます。"
+  youCantCreateAnymore: "これ以上下書きを作成できません"
+  delete: "下書きを削除"
+  deleteAreYouSure: "下書きを削除しますか？"
+  noDrafts: "下書きはありません"
+  replyTo: "{user}への返信"
+  quoteOf: "{user}のノートへの引用"
+  postTo: "{channel}への投稿"
diff --git a/packages/frontend/src/components/MkButton.vue b/packages/frontend/src/components/MkButton.vue
@@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 <button
 	v-if="!link"
 	ref="el" class="_button"
-	:class="[$style.root, { [$style.inline]: inline, [$style.primary]: primary, [$style.gradate]: gradate, [$style.danger]: danger, [$style.rounded]: rounded, [$style.full]: full, [$style.small]: small, [$style.large]: large, [$style.transparent]: transparent, [$style.asLike]: asLike }]"
+	:class="[$style.root, { [$style.inline]: inline, [$style.primary]: primary, [$style.gradate]: gradate, [$style.danger]: danger, [$style.rounded]: rounded, [$style.full]: full, [$style.small]: small, [$style.large]: large, [$style.short]: short, [$style.transparent]: transparent, [$style.asLike]: asLike }]"
 	:type="type"
 	:name="name"
 	:value="value"
@@ -22,7 +22,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </button>
 <MkA
 	v-else class="_button"
-	:class="[$style.root, { [$style.inline]: inline, [$style.primary]: primary, [$style.gradate]: gradate, [$style.danger]: danger, [$style.rounded]: rounded, [$style.full]: full, [$style.small]: small, [$style.large]: large, [$style.transparent]: transparent, [$style.asLike]: asLike }]"
+	:class="[$style.root, { [$style.inline]: inline, [$style.primary]: primary, [$style.gradate]: gradate, [$style.danger]: danger, [$style.rounded]: rounded, [$style.full]: full, [$style.small]: small, [$style.large]: large, [$style.short]: short, [$style.transparent]: transparent, [$style.asLike]: asLike }]"
 	:to="to ?? '#'"
 	:behavior="linkBehavior"
 	@mousedown="onMousedown"
@@ -52,6 +52,7 @@ const props = defineProps<{
 	full?: boolean;
 	small?: boolean;
 	large?: boolean;
+	short?: boolean;
 	transparent?: boolean;
 	asLike?: boolean;
 	name?: string;
@@ -157,6 +158,10 @@ function onMousedown(evt: MouseEvent): void {
 		padding: 8px 16px;
 	}
 
+	&.short {
+		min-width: 0;
+	}
+
 	&.full {
 		width: 100%;
 	}