Merge branch 'develop' of codeberg.org:calckey/calckey into develop

packages/client/src/components/MkMention.vue

@@ -2,7 +2,7 @@
 	<MkA
 		v-if="url.startsWith('/')"
 		v-user-preview="canonical"
-		class="akbvjaqn"
+		class="mention"
 		:class="{ isMe }"
 		:to="url"
 		@click.stop
@@ -19,7 +19,7 @@
 	</MkA>
 	<a
 		v-else
-		class="akbvjaqn"
+		class="mention"
 		:href="url"
 		target="_blank"
 		rel="noopener"
@@ -58,7 +58,7 @@ const isMe =
 </script>
 
 <style lang="scss" scoped>
-.akbvjaqn {
+.mention {
 	position: relative;
 	display: inline-block;
 	padding: 2px 8px 2px 2px;
@@ -68,6 +68,7 @@ const isMe =
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	color: var(--mention);
+	isolation: isolate;
 
 	&::before {
 		content: "";

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

@@ -372,6 +372,7 @@ onUnmounted(() => {
 		display: flex;
 		> .buttons {
 			&:not(:empty) {
+				margin-right: 8px;
 				margin-left: calc(0px - var(--margin));
 			}
 			> .avatar {
@@ -424,7 +425,7 @@ onUnmounted(() => {
 				width: $size;
 				height: $size;
 				vertical-align: bottom;
-				margin: 0 8px;
+				margin-right: 8px;
 			}
 
 			> .icon {

packages/client/src/navbar.ts

@@ -91,7 +91,7 @@ export const navbarItemDef = reactive({
 		to: "/gallery",
 	},
 	clips: {
-		title: "clip",
+		title: "clips",
 		icon: "ph-paperclip ph-bold ph-lg",
 		show: computed(() => $i != null),
 		to: "/my/clips",

packages/client/src/pages/timeline.vue

@@ -152,8 +152,8 @@ function top(): void {
 	scroll(rootEl, { top: 0 });
 }
 
-async function chooseList(ev: MouseEvent): Promise<void> {
-	const lists = await os.api("users/lists/list");
+const lists = await os.api("users/lists/list");
+function chooseList(ev: MouseEvent) {
 	const items = [
 		{
 			type: "link" as const,
@@ -172,8 +172,8 @@ async function chooseList(ev: MouseEvent): Promise<void> {
 	os.popupMenu(items, ev.currentTarget ?? ev.target);
 }
 
-async function chooseAntenna(ev: MouseEvent): Promise<void> {
-	const antennas = await os.api("antennas/list");
+const antennas = await os.api("antennas/list");
+function chooseAntenna(ev: MouseEvent) {
 	const items = [
 		{
 			type: "link" as const,

packages/client/src/ui/_common_/navbar.vue

@@ -92,7 +92,12 @@
 					><i class="icon ph-door ph-bold ph-fw ph-lg"></i
 					><span class="text">{{ i18n.ts.controlPanel }}</span>
 				</MkA>
-				<button v-click-anime class="item _button" @click="more">
+				<button 
+					v-click-anime
+					v-tooltip.noDelay.right="i18n.ts.more"
+					class="item _button"
+					@click="more"
+				>
 					<i
 						class="icon ph-dots-three-outline ph-bold ph-fw ph-lg"
 					></i