From 99490cdb21d577024a718084529c4ecd8079a557 Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Tue, 13 Aug 2024 23:54:18 +0300 Subject: speed up emoji picker somewhat --- src/components/emoji_picker/emoji_picker.js | 4 +++- src/components/emoji_picker/emoji_picker.vue | 1 + 2 files changed, 4 insertions(+), 1 deletion(-) (limited to 'src/components') diff --git a/src/components/emoji_picker/emoji_picker.js b/src/components/emoji_picker/emoji_picker.js index d71bc1bb..9ea5c877 100644 --- a/src/components/emoji_picker/emoji_picker.js +++ b/src/components/emoji_picker/emoji_picker.js @@ -150,7 +150,9 @@ const EmojiPicker = { }, showPicker () { this.$refs.popover.showPopover() - this.onShowing() + this.$nextTick(() => { + this.onShowing() + }) }, hidePicker () { this.$refs.popover.hidePopover() diff --git a/src/components/emoji_picker/emoji_picker.vue b/src/components/emoji_picker/emoji_picker.vue index 7c36deaa..a3dc8f9e 100644 --- a/src/components/emoji_picker/emoji_picker.vue +++ b/src/components/emoji_picker/emoji_picker.vue @@ -89,6 +89,7 @@ class="emoji-groups" :class="groupsScrolledClass" :min-item-size="minItemSize" + :buffer="minItemSize" :items="emojiItems" :emit-update="true" @update="onScroll" -- cgit v1.2.3-70-g09d2 From 5ad4d82b6b7f7f82be010f4ecda693625bbc243e Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Thu, 15 Aug 2024 00:57:23 +0300 Subject: try to fix gaps --- src/components/timeline/timeline.scss | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'src/components') diff --git a/src/components/timeline/timeline.scss b/src/components/timeline/timeline.scss index 0fc0d979..61261d32 100644 --- a/src/components/timeline/timeline.scss +++ b/src/components/timeline/timeline.scss @@ -4,6 +4,12 @@ backdrop-filter: none; } + /* This is to fix the occasional gaps/weird lines in timeline */ + .timeline { + display: flex; + flex-direction: column; + } + .alert-badge { font-size: 0.75em; line-height: 1; -- cgit v1.2.3-70-g09d2 From 8b87d548acaeb3b55fe9b4227df3e5d4ca672a01 Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Thu, 15 Aug 2024 01:01:31 +0300 Subject: didn't work, lol --- src/components/timeline/timeline.scss | 6 ------ 1 file changed, 6 deletions(-) (limited to 'src/components') diff --git a/src/components/timeline/timeline.scss b/src/components/timeline/timeline.scss index 61261d32..0fc0d979 100644 --- a/src/components/timeline/timeline.scss +++ b/src/components/timeline/timeline.scss @@ -4,12 +4,6 @@ backdrop-filter: none; } - /* This is to fix the occasional gaps/weird lines in timeline */ - .timeline { - display: flex; - flex-direction: column; - } - .alert-badge { font-size: 0.75em; line-height: 1; -- cgit v1.2.3-70-g09d2 From 482f353f4d01a4beeced0c7fe9ea915589643dec Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Thu, 15 Aug 2024 11:35:33 +0300 Subject: make posts have highlight on higher level --- src/components/status/status.vue | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) (limited to 'src/components') diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 61a58cda..a8cef3c1 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -3,7 +3,8 @@ v-if="!hideStatus" ref="root" class="Status" - :class="[{ '-focused': isFocused }, { '-conversation': inlineExpanded }]" + :class="[{ '-focused': isFocused }, { '-conversation': inlineExpanded }, userClass, { highlighted: userStyle, '-repeat': retweet && !inConversation }]" + :style="[ userStyle ]" >
-- cgit v1.2.3-70-g09d2 From ab90dc9fb1785d237be5fa3ff207056d7935ddaf Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Thu, 15 Aug 2024 21:53:12 +0300 Subject: Revert all the user highlight stuff for now --- src/components/status/status.vue | 5 +++-- src/services/user_highlighter/user_highlighter.js | 6 +----- 2 files changed, 4 insertions(+), 7 deletions(-) (limited to 'src/components') diff --git a/src/components/status/status.vue b/src/components/status/status.vue index a8cef3c1..61a58cda 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -3,8 +3,7 @@ v-if="!hideStatus" ref="root" class="Status" - :class="[{ '-focused': isFocused }, { '-conversation': inlineExpanded }, userClass, { highlighted: userStyle, '-repeat': retweet && !inConversation }]" - :style="[ userStyle ]" + :class="[{ '-focused': isFocused }, { '-conversation': inlineExpanded }]" >
diff --git a/src/services/user_highlighter/user_highlighter.js b/src/services/user_highlighter/user_highlighter.js index 145b3e5e..b5f58040 100644 --- a/src/services/user_highlighter/user_highlighter.js +++ b/src/services/user_highlighter/user_highlighter.js @@ -27,11 +27,7 @@ const highlightStyle = (prefs) => { } } else if (type === 'solid') { return { - backgroundImage: [ - 'repeating-linear-gradient(90deg,', - `${tintColor} ,`, - `${tintColor} 20px` - ].join(' '), + backgroundColor: tintColor2, ...customProps } } else if (type === 'side') { -- cgit v1.2.3-70-g09d2 From f5fbf9af6420c59957530047a62c72dd80b7a462 Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Wed, 28 Aug 2024 23:54:46 +0300 Subject: fix nested panel headers --- src/components/timeline/timeline.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'src/components') diff --git a/src/components/timeline/timeline.scss b/src/components/timeline/timeline.scss index 0fc0d979..2dd66328 100644 --- a/src/components/timeline/timeline.scss +++ b/src/components/timeline/timeline.scss @@ -26,7 +26,7 @@ } .conversation-heading { - top: calc(var(--__panel-heading-height) * var(--currentPanelStack, 2)); + top: calc(var(--__panel-heading-height) * var(--currentPanelStack, 1) + var(--navbar-height)); z-index: 2; } -- cgit v1.2.3-70-g09d2