From 72d12f50f65da2b9f7212e329d4faa52521ae14b Mon Sep 17 00:00:00 2001 From: Freeplay Date: Wed, 31 May 2023 23:35:25 -0400 Subject: [PATCH 1/2] Add expand on note click option --- locales/en-US.yml | 2 ++ packages/client/src/components/MkNote.vue | 5 +++-- packages/client/src/components/MkNoteDetailed.vue | 4 ---- packages/client/src/components/MkNoteSub.vue | 9 ++++++--- packages/client/src/pages/settings/general.vue | 8 ++++++++ packages/client/src/store.ts | 4 ++++ 6 files changed, 23 insertions(+), 9 deletions(-) diff --git a/locales/en-US.yml b/locales/en-US.yml index ece9a9201..a1c406c5d 100644 --- a/locales/en-US.yml +++ b/locales/en-US.yml @@ -598,6 +598,8 @@ scratchpadDescription: "The scratchpad provides an environment for AiScript expe output: "Output" script: "Script" disablePagesScript: "Disable AiScript on Pages" +expandOnNoteClick: "Expand post on click" +expandOnNoteClickDesc: "If disabled, you can still expand posts in the right-click menu or by clicking the timestamp." updateRemoteUser: "Update remote user information" deleteAllFiles: "Delete all files" deleteAllFilesConfirm: "Are you sure that you want to delete all files?" diff --git a/packages/client/src/components/MkNote.vue b/packages/client/src/components/MkNote.vue index 589b83a51..669fd67ef 100644 --- a/packages/client/src/components/MkNote.vue +++ b/packages/client/src/components/MkNote.vue @@ -68,6 +68,7 @@ class="article" @contextmenu.stop="onContextmenu" @click="noteClick" + :style="{ cursor: expandOnNoteClick && !detailedView ? 'pointer' : '' }" >
@@ -313,6 +314,7 @@ const muted = ref(getWordSoftMute(note, $i, defaultStore.state.mutedWords)); const translation = ref(null); const translating = ref(false); const enableEmojiReactions = defaultStore.state.enableEmojiReactions; +const expandOnNoteClick = defaultStore.state.expandOnNoteClick; const keymap = { r: () => reply(true), @@ -501,7 +503,7 @@ function scrollIntoView() { } function noteClick(e) { - if (document.getSelection().type === "Range" || props.detailedView) { + if (document.getSelection().type === "Range" || props.detailedView || !expandOnNoteClick) { e.stopPropagation(); } else { router.push(notePage(appearNote)); @@ -704,7 +706,6 @@ defineExpose({ position: relative; overflow: clip; padding: 4px 32px 10px; - cursor: pointer; &:first-child, &:nth-child(2) { diff --git a/packages/client/src/components/MkNoteDetailed.vue b/packages/client/src/components/MkNoteDetailed.vue index 68e33d701..ff8264a60 100644 --- a/packages/client/src/components/MkNoteDetailed.vue +++ b/packages/client/src/components/MkNoteDetailed.vue @@ -534,12 +534,8 @@ onUnmounted(() => { > .reply { border-top: solid 0.5px var(--divider); - cursor: pointer; padding-top: 24px; padding-bottom: 10px; - @media (pointer: coarse) { - cursor: default; - } } // Hover diff --git a/packages/client/src/components/MkNoteSub.vue b/packages/client/src/components/MkNoteSub.vue index dd69145a0..60fbbe11e 100644 --- a/packages/client/src/components/MkNoteSub.vue +++ b/packages/client/src/components/MkNoteSub.vue @@ -14,7 +14,10 @@ @contextmenu.stop="onContextmenu" >
-
+
.main { display: flex; - cursor: pointer; > .avatar-container { margin-right: 8px; diff --git a/packages/client/src/pages/settings/general.vue b/packages/client/src/pages/settings/general.vue index f120551b8..5486503b1 100644 --- a/packages/client/src/pages/settings/general.vue +++ b/packages/client/src/pages/settings/general.vue @@ -54,6 +54,10 @@ {{ i18n.ts.disablePagesScript }} + {{ + i18n.ts.expandOnNoteClick + }} + {{ i18n.ts.flagShowTimelineReplies }}