fix: dont show cheat sheet when not needed

packages/client/src/components/MkPostForm.vue

@@ -204,6 +204,7 @@
 					<i class="ph-plug ph-bold ph-lg"></i>
 				</button>
 				<button
+					v-if="showMfmCheatsheet"
 					v-tooltip="i18n.ts._mfm.cheatSheet"
 					class="_button right"
 					@click="openCheatSheet"
@@ -275,11 +276,13 @@ const props = withDefaults(
 		instant?: boolean;
 		fixed?: boolean;
 		autofocus?: boolean;
+		showMfmCheatSheet?: boolean;
 		editId?: misskey.entities.Note["id"];
 	}>(),
 	{
 		initialVisibleUsers: () => [],
 		autofocus: true,
+		showMfmCheatSheet: true,
 	}
 );
 

packages/client/src/components/MkTutorialDialog.vue

@@ -103,7 +103,7 @@
 								</template>
 							</I18n>
 							<br />
-							<XPostForm class="post-form _block" />
+							<XPostForm class="post-form _block" :show-mfm-cheat-sheet="false"/>
 						</section>
 						<section
 							v-else-if="tutorial === 4"

packages/client/src/components/form/input.vue

@@ -3,7 +3,9 @@
 		<label>
 			<div class="label"><slot name="label"></slot></div>
 			<div class="input" :class="{ inline, disabled, focused }">
-				<div ref="prefixEl" class="prefix"><slot name="prefix"></slot></div>
+				<div ref="prefixEl" class="prefix">
+					<slot name="prefix"></slot>
+				</div>
 				<input
 					ref="inputEl"
 					v-model="v"
@@ -26,7 +28,9 @@
 				<datalist v-if="datalist" :id="id">
 					<option v-for="data in datalist" :value="data" />
 				</datalist>
-				<div ref="suffixEl" class="suffix"><slot name="suffix"></slot></div>
+				<div ref="suffixEl" class="suffix">
+					<slot name="suffix"></slot>
+				</div>
 			</div>
 			<div class="caption"><slot name="caption"></slot></div>
 		</label>

packages/client/src/components/form/radio.vue

@@ -1,9 +1,5 @@
 <template>
-	<label
+	<label v-adaptive-border class="novjtctn" :class="{ disabled, checked }">
-		v-adaptive-border
-		class="novjtctn"
-		:class="{ disabled, checked }"
-	>
 		<input
 			type="radio"
 			:disabled="disabled"

packages/client/src/components/form/range.vue

@@ -17,12 +17,9 @@
 					@blur="tooltipHide"
 					@mouseenter="tooltipShow"
 					@mouseleave="tooltipHide"
-					@input="(x) => inputVal = x.target.value"
+					@input="(x) => (inputVal = x.target.value)"
 				/>
-				<datalist 
+				<datalist v-if="showTicks && steps" :id="id">
-					v-if="showTicks && steps"
-					:id="id"
-				>
 					<option
 						v-for="i in steps + 1"
 						:value="i"
@@ -97,7 +94,6 @@ function tooltipShow() {
 function tooltipHide() {
 	tooltipShowing.value = false;
 }
-
 </script>
 
 <style lang="scss" scoped>
@@ -163,19 +159,33 @@ function tooltipHide() {
 				width: 100%;
 				background: none;
 
-				&::-webkit-slider-runnable-track { @include track }
+				&::-webkit-slider-runnable-track {
-				&::-moz-range-track { @include track }
+					@include track;
-				&::-ms-track { @include track }
+				}
+				&::-moz-range-track {
+					@include track;
+				}
+				&::-ms-track {
+					@include track;
+				}
 
-				&::-moz-range-progress { @include fill }
+				&::-moz-range-progress {
-  			&::-ms-fill-lower { @include fill }
+					@include fill;
+				}
+				&::-ms-fill-lower {
+					@include fill;
+				}
 
 				&::-webkit-slider-thumb {
 					margin-top: -6.5px;
-					@include thumb 
+					@include thumb;
+				}
+				&::-moz-range-thumb {
+					@include thumb;
+				}
+				&::-ms-thumb {
+					@include thumb;
 				}
-				&::-moz-range-thumb { @include thumb }
-				&::-ms-thumb { @include thumb }
 			}
 		}
 	}

packages/client/src/components/form/select.vue

@@ -9,7 +9,9 @@
 				@click.prevent="onClick"
 				tabindex="-1"
 			>
-				<div ref="prefixEl" class="prefix"><slot name="prefix"></slot></div>
+				<div ref="prefixEl" class="prefix">
+					<slot name="prefix"></slot>
+				</div>
 				<select
 					ref="inputEl"
 					v-model="v"

packages/client/src/components/form/switch.vue

@@ -6,9 +6,7 @@
 			:disabled="disabled"
 			v-on:change="(x) => toggle(x)"
 		/>
-		<div
+		<div class="button">
-			class="button"
-		>
 			<div class="knob"></div>
 		</div>
 		<span class="label">

packages/client/src/components/form/textarea.vue

@@ -273,7 +273,6 @@ export default defineComponent({
 		}
 	}
 
-
 	> .save {
 		margin: 8px 0 0 0;
 	}

packages/client/src/components/global/MkSpacer.vue

@@ -35,7 +35,7 @@ const adjust = (rect: { width: number; height: number }) => {
 		margin = props.marginMin;
 		return;
 	}
-	if ( ui === "classic" ) {
+	if (ui === "classic") {
 		margin = 12;
 		return;
 	}

packages/client/src/os.ts

@@ -193,7 +193,7 @@ export function claimZIndex(
 
 let uniqueId = 0;
 export function getUniqueId(): string {
-	return uniqueId++ + '';
+	return uniqueId++ + "";
 }
 
 export async function popup(
@@ -232,7 +232,11 @@ export async function popup(
 
 export function pageWindow(path: string) {
 	popup(
-		defineAsyncComponent({ loader: () => import("@/components/MkPageWindow.vue"), loadingComponent: MkWaitingDialog, delay: 1000 }),
+		defineAsyncComponent({
+			loader: () => import("@/components/MkPageWindow.vue"),
+			loadingComponent: MkWaitingDialog,
+			delay: 1000,
+		}),
 		{
 			initialPath: path,
 		},
@@ -243,7 +247,11 @@ export function pageWindow(path: string) {
 
 export function modalPageWindow(path: string) {
 	popup(
-		defineAsyncComponent({ loader: () => import("@/components/MkModalPageWindow.vue"), loadingComponent: MkWaitingDialog, delay: 1000 }),
+		defineAsyncComponent({
+			loader: () => import("@/components/MkModalPageWindow.vue"),
+			loadingComponent: MkWaitingDialog,
+			delay: 1000,
+		}),
 		{
 			initialPath: path,
 		},
@@ -313,7 +321,11 @@ export function yesno(props: {
 }): Promise<{ canceled: boolean }> {
 	return new Promise((resolve, reject) => {
 		popup(
-			defineAsyncComponent({ loader: () => import("@/components/MkDialog.vue"), loadingComponent: MkWaitingDialog, delay: 1000 }),
+			defineAsyncComponent({
+				loader: () => import("@/components/MkDialog.vue"),
+				loadingComponent: MkWaitingDialog,
+				delay: 1000,
+			}),
 			{
 				...props,
 				showCancelButton: true,
@@ -344,7 +356,11 @@ export function inputText(props: {
 > {
 	return new Promise((resolve, reject) => {
 		popup(
-			defineAsyncComponent({ loader: () => import("@/components/MkDialog.vue"), loadingComponent: MkWaitingDialog, delay: 1000 }),
+			defineAsyncComponent({
+				loader: () => import("@/components/MkDialog.vue"),
+				loadingComponent: MkWaitingDialog,
+				delay: 1000,
+			}),
 			{
 				title: props.title,
 				text: props.text,
@@ -378,7 +394,11 @@ export function inputParagraph(props: {
 > {
 	return new Promise((resolve, reject) => {
 		popup(
-			defineAsyncComponent({ loader: () => import("@/components/MkDialog.vue"), loadingComponent: MkWaitingDialog, delay: 1000 }),
+			defineAsyncComponent({
+				loader: () => import("@/components/MkDialog.vue"),
+				loadingComponent: MkWaitingDialog,
+				delay: 1000,
+			}),
 			{
 				title: props.title,
 				text: props.text,
@@ -412,7 +432,11 @@ export function inputNumber(props: {
 > {
 	return new Promise((resolve, reject) => {
 		popup(
-			defineAsyncComponent({ loader: () => import("@/components/MkDialog.vue"), loadingComponent: MkWaitingDialog, delay: 1000 }),
+			defineAsyncComponent({
+				loader: () => import("@/components/MkDialog.vue"),
+				loadingComponent: MkWaitingDialog,
+				delay: 1000,
+			}),
 			{
 				title: props.title,
 				text: props.text,
@@ -446,7 +470,11 @@ export function inputDate(props: {
 > {
 	return new Promise((resolve, reject) => {
 		popup(
-			defineAsyncComponent({ loader: () => import("@/components/MkDialog.vue"), loadingComponent: MkWaitingDialog, delay: 1000 }),
+			defineAsyncComponent({
+				loader: () => import("@/components/MkDialog.vue"),
+				loadingComponent: MkWaitingDialog,
+				delay: 1000,
+			}),
 			{
 				title: props.title,
 				text: props.text,
@@ -501,7 +529,11 @@ export function select<C = any>(
 > {
 	return new Promise((resolve, reject) => {
 		popup(
-			defineAsyncComponent({ loader: () => import("@/components/MkDialog.vue"), loadingComponent: MkWaitingDialog, delay: 1000 }),
+			defineAsyncComponent({
+				loader: () => import("@/components/MkDialog.vue"),
+				loadingComponent: MkWaitingDialog,
+				delay: 1000,
+			}),
 			{
 				title: props.title,
 				text: props.text,
@@ -528,7 +560,11 @@ export function success() {
 			showing.value = false;
 		}, 1000);
 		popup(
-			defineAsyncComponent({ loader: () => import("@/components/MkWaitingDialog.vue"), loadingComponent: MkWaitingDialog, delay: 1000 }),
+			defineAsyncComponent({
+				loader: () => import("@/components/MkWaitingDialog.vue"),
+				loadingComponent: MkWaitingDialog,
+				delay: 1000,
+			}),
 			{
 				success: true,
 				showing: showing,
@@ -545,7 +581,11 @@ export function waiting() {
 	return new Promise((resolve, reject) => {
 		const showing = ref(true);
 		popup(
-			defineAsyncComponent({ loader: () => import("@/components/MkWaitingDialog.vue"), loadingComponent: MkWaitingDialog, delay: 1000 }),
+			defineAsyncComponent({
+				loader: () => import("@/components/MkWaitingDialog.vue"),
+				loadingComponent: MkWaitingDialog,
+				delay: 1000,
+			}),
 			{
 				success: false,
 				showing: showing,
@@ -561,7 +601,11 @@ export function waiting() {
 export function form(title, form) {
 	return new Promise((resolve, reject) => {
 		popup(
-			defineAsyncComponent({ loader: () => import("@/components/MkFormDialog.vue"), loadingComponent: MkWaitingDialog, delay: 1000 }),
+			defineAsyncComponent({
+				loader: () => import("@/components/MkFormDialog.vue"),
+				loadingComponent: MkWaitingDialog,
+				delay: 1000,
+			}),
 			{ title, form },
 			{
 				done: (result) => {
@@ -576,7 +620,11 @@ export function form(title, form) {
 export async function selectUser() {
 	return new Promise((resolve, reject) => {
 		popup(
-			defineAsyncComponent({ loader: () => import("@/components/MkUserSelectDialog.vue"), loadingComponent: MkWaitingDialog, delay: 1000 }),
+			defineAsyncComponent({
+				loader: () => import("@/components/MkUserSelectDialog.vue"),
+				loadingComponent: MkWaitingDialog,
+				delay: 1000,
+			}),
 			{},
 			{
 				ok: (user) => {
@@ -591,7 +639,11 @@ export async function selectUser() {
 export async function selectInstance(): Promise<Misskey.entities.Instance> {
 	return new Promise((resolve, reject) => {
 		popup(
-			defineAsyncComponent({ loader: () => import("@/components/MkInstanceSelectDialog.vue"), loadingComponent: MkWaitingDialog, delay: 1000 }),
+			defineAsyncComponent({
+				loader: () => import("@/components/MkInstanceSelectDialog.vue"),
+				loadingComponent: MkWaitingDialog,
+				delay: 1000,
+			}),
 			{},
 			{
 				ok: (instance) => {
@@ -606,7 +658,11 @@ export async function selectInstance(): Promise<Misskey.entities.Instance> {
 export async function selectDriveFile(multiple: boolean) {
 	return new Promise((resolve, reject) => {
 		popup(
-			defineAsyncComponent({ loader: () => import("@/components/MkDriveSelectDialog.vue"), loadingComponent: MkWaitingDialog, delay: 1000 }),
+			defineAsyncComponent({
+				loader: () => import("@/components/MkDriveSelectDialog.vue"),
+				loadingComponent: MkWaitingDialog,
+				delay: 1000,
+			}),
 			{
 				type: "file",
 				multiple,
@@ -626,7 +682,11 @@ export async function selectDriveFile(multiple: boolean) {
 export async function selectDriveFolder(multiple: boolean) {
 	return new Promise((resolve, reject) => {
 		popup(
-			defineAsyncComponent({ loader: () => import("@/components/MkDriveSelectDialog.vue"), loadingComponent: MkWaitingDialog, delay: 1000 }),
+			defineAsyncComponent({
+				loader: () => import("@/components/MkDriveSelectDialog.vue"),
+				loadingComponent: MkWaitingDialog,
+				delay: 1000,
+			}),
 			{
 				type: "folder",
 				multiple,
@@ -646,7 +706,11 @@ export async function selectDriveFolder(multiple: boolean) {
 export async function pickEmoji(src: HTMLElement | null, opts) {
 	return new Promise((resolve, reject) => {
 		popup(
-			defineAsyncComponent({ loader: () => import("@/components/MkEmojiPickerDialog.vue"), loadingComponent: MkWaitingDialog, delay: 1000 }),
+			defineAsyncComponent({
+				loader: () => import("@/components/MkEmojiPickerDialog.vue"),
+				loadingComponent: MkWaitingDialog,
+				delay: 1000,
+			}),
 			{
 				src,
 				...opts,
@@ -669,7 +733,11 @@ export async function cropImage(
 ): Promise<Misskey.entities.DriveFile> {
 	return new Promise((resolve, reject) => {
 		popup(
-			defineAsyncComponent({ loader: () => import("@/components/MkCropperDialog.vue"), loadingComponent: MkWaitingDialog, delay: 1000 }),
+			defineAsyncComponent({
+				loader: () => import("@/components/MkCropperDialog.vue"),
+				loadingComponent: MkWaitingDialog,
+				delay: 1000,
+			}),
 			{
 				file: image,
 				aspectRatio: options.aspectRatio,
@@ -733,7 +801,11 @@ export async function openEmojiPicker(
 	});
 
 	openingEmojiPicker = await popup(
-		defineAsyncComponent({ loader: () => import("@/components/MkEmojiPickerDialog.vue"), loadingComponent: MkWaitingDialog, delay: 1000 }),
+		defineAsyncComponent({
+			loader: () => import("@/components/MkEmojiPickerDialog.vue"),
+			loadingComponent: MkWaitingDialog,
+			delay: 1000,
+		}),
 		{
 			src,
 			...opts,
@@ -766,7 +838,11 @@ export function popupMenu(
 	return new Promise((resolve, reject) => {
 		let dispose;
 		popup(
-			defineAsyncComponent({ loader: () => import("@/components/MkPopupMenu.vue"), loadingComponent: MkWaitingDialog, delay: 1000 }),
+			defineAsyncComponent({
+				loader: () => import("@/components/MkPopupMenu.vue"),
+				loadingComponent: MkWaitingDialog,
+				delay: 1000,
+			}),
 			{
 				items,
 				src,
@@ -794,7 +870,11 @@ export function contextMenu(
 	return new Promise((resolve, reject) => {
 		let dispose;
 		popup(
-			defineAsyncComponent({ loader: () => import("@/components/MkContextMenu.vue"), loadingComponent: MkWaitingDialog, delay: 1000 }),
+			defineAsyncComponent({
+				loader: () => import("@/components/MkContextMenu.vue"),
+				loadingComponent: MkWaitingDialog,
+				delay: 1000,
+			}),
 			{
 				items,
 				ev,

packages/client/src/pages/settings/general.vue

@@ -168,8 +168,12 @@
 			<FormSelect v-model="instanceTicker" class="_formBlock">
 				<template #label>{{ i18n.ts.instanceTicker }}</template>
 				<option value="none">{{ i18n.ts._instanceTicker.none }}</option>
-				<option value="remote">{{ i18n.ts._instanceTicker.remote }}</option>
+				<option value="remote">
-				<option value="always">{{ i18n.ts._instanceTicker.always }}</option>
+					{{ i18n.ts._instanceTicker.remote }}
+				</option>
+				<option value="always">
+					{{ i18n.ts._instanceTicker.always }}
+				</option>
 			</FormSelect>
 
 			<FormSelect v-model="nsfw" class="_formBlock">

packages/client/src/pages/settings/migration.vue

@@ -7,7 +7,9 @@
 					><i class="ph-airplane-takeoff ph-bold ph-lg"></i
 				></template>
 				<template #label>{{ i18n.ts.moveToLabel }}</template>
-				<template #caption>{{ i18n.ts.moveAccountDescription }}</template>
+				<template #caption>{{
+					i18n.ts.moveAccountDescription
+				}}</template>
 			</FormInput>
 			<FormButton primary danger @click="move(moveToAccount)">
 				{{ i18n.ts.moveAccount }}

packages/client/src/ui/universal.vue

@@ -1,5 +1,8 @@
 <template>
-	<div class="dkgtipfy" :class="{ wallpaper, isMobile, centered: ui === 'classic' }">
+	<div
+		class="dkgtipfy"
+		:class="{ wallpaper, isMobile, centered: ui === 'classic' }"
+	>
 		<XSidebar v-if="!isMobile" class="sidebar" />
 
 		<MkStickyContainer class="contents">

packages/client/src/widgets/post-form.vue

@@ -1,5 +1,10 @@
 <template>
-	<XPostForm class="_panel mkw-postForm" :fixed="true" :autofocus="false" />
+	<XPostForm
+		class="_panel mkw-postForm"
+		:fixed="true"
+		:autofocus="false"
+		:show-mfm-cheat-sheet="true"
+	/>
 </template>
 
 <script lang="ts" setup>