zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

fix: sticky hover style on mobile (#1513)

Browse source 
Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>
This commit is contained in:
kongmoumou 2023-03-19 20:24:27 +08:00 • committed by GitHub
parent 6abd2a8770
commit 01ed4f68dc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 20 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/status/StatusActionButton.vue
View file

@ -6,7 +6,7 @@ const { as = 'button', command, disabled, content, icon } = defineProps<{
icon: string
activeIcon?: string
hover: string
groupHover: string
elkGroupHover: string
active?: boolean
disabled?: boolean
as?: string
@ -62,8 +62,8 @@ useCommand({
<div
rounded-full p2
v-bind="disabled ? {} : {
'group-hover': groupHover,
'group-focus-visible': groupHover,
'elk-group-hover': elkGroupHover,
'group-focus-visible': elkGroupHover,
'group-focus-visible:ring': '2 current',
}"
>

8
components/status/StatusActions.vue
View file

@ -38,7 +38,7 @@ const reply = () => {
<StatusActionButton
:content="$t('action.reply')"
:text="!getPreferences(userSettings, 'hideReplyCount') && status.repliesCount || ''"
color="text-blue" hover="text-blue" group-hover="bg-blue/10"
color="text-blue" hover="text-blue" elk-group-hover="bg-blue/10"
icon="i-ri:chat-1-line"
:command="command"
@click="reply"
@ -56,7 +56,7 @@ const reply = () => {
<StatusActionButton
:content="$t('action.boost')"
:text="!getPreferences(userSettings, 'hideBoostCount') && status.reblogsCount ? status.reblogsCount : ''"
color="text-green" hover="text-green" group-hover="bg-green/10"
color="text-green" hover="text-green" elk-group-hover="bg-green/10"
icon="i-ri:repeat-line"
active-icon="i-ri:repeat-fill"
:active="!!status.reblogged"
@ -77,7 +77,7 @@ const reply = () => {
<StatusActionButton
:content="$t('action.favourite')"
:text="!getPreferences(userSettings, 'hideFavoriteCount') && status.favouritesCount ? status.favouritesCount : ''"
color="text-rose" hover="text-rose" group-hover="bg-rose/10"
color="text-rose" hover="text-rose" elk-group-hover="bg-rose/10"
icon="i-ri:heart-3-line"
active-icon="i-ri:heart-3-fill"
:active="!!status.favourited"
@ -97,7 +97,7 @@ const reply = () => {
<div flex-none>
<StatusActionButton
:content="$t('action.bookmark')"
color="text-yellow" hover="text-yellow" group-hover="bg-yellow/10"
color="text-yellow" hover="text-yellow" elk-group-hover="bg-yellow/10"
icon="i-ri:bookmark-line"
active-icon="i-ri:bookmark-fill"
:active="!!status.bookmarked"

2
components/status/StatusActionsMore.vue
View file

@ -118,7 +118,7 @@ const showFavoritedAndBoostedBy = () => {
:content="$t('action.more')"
color="text-primary"
hover="text-primary"
group-hover="bg-primary-light"
elk-group-hover="bg-primary-light"
icon="i-ri:more-line"
my--2
/>