Disable hover with border in inbox (#4417)

Signed-off-by: Kristina Fefelova <kristin.fefelova@gmail.com>
This commit is contained in:
Kristina 2024-01-23 19:23:33 +04:00 committed by GitHub
parent 57409feb99
commit 27c428602a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
9 changed files with 20 additions and 2 deletions

View File

@ -40,6 +40,7 @@
export let withFlatActions: boolean = true
export let excludedActions: string[] = []
export let actions: Action[] = []
export let hoverable = true
export let onClick: (() => void) | undefined = undefined
$: personAccount = $personAccountByIdStore.get((value.createdBy ?? value.modifiedBy) as Ref<PersonAccount>)
@ -72,6 +73,7 @@
{actions}
{excludedActions}
{withFlatActions}
{hoverable}
viewlet={undefined}
{onClick}
>

View File

@ -32,6 +32,7 @@
export let actions: Action[] = []
export let excludedActions: string[] = []
export let withFlatActions: boolean = true
export let hoverable = true
export let onClick: (() => void) | undefined = undefined
export let onReply: (() => void) | undefined = undefined
@ -58,6 +59,7 @@
actions,
excludedActions,
withFlatActions,
hoverable,
onClick,
onReply
}}

View File

@ -50,6 +50,7 @@
export let showEmbedded = false
export let hideReplies = false
export let skipLabel = false
export let hoverable = true
export let onClick: (() => void) | undefined = undefined
export let onReply: (() => void) | undefined = undefined
@ -123,6 +124,7 @@
class:clickable={!!onClick}
class:highlighted={isHighlighted}
class:selected={isSelected}
class:hoverable
class:embedded
on:click={onClick}
>
@ -257,8 +259,10 @@
visibility: visible;
}
&:hover:not(.embedded) {
border: 1px solid var(--highlight-hover);
&.hoverable {
&:hover:not(.embedded) {
border: 1px solid var(--highlight-hover);
}
}
}

View File

@ -49,6 +49,7 @@
export let skipLabel = false
export let withFlatActions: boolean = true
export let excludedActions: string[] = []
export let hoverable = true
export let onClick: (() => void) | undefined = undefined
export let onReply: (() => void) | undefined = undefined
@ -161,6 +162,7 @@
{actions}
{skipLabel}
{withFlatActions}
{hoverable}
{onClick}
{onReply}
>

View File

@ -58,6 +58,7 @@
{actions}
{excludedActions}
withFlatActions={false}
hoverable={false}
onReply={handleReply}
{onClick}
/>
@ -70,6 +71,7 @@
{withActions}
{actions}
{excludedActions}
hoverable={false}
withFlatActions={false}
onReply={handleReply}
{onClick}

View File

@ -42,6 +42,7 @@
export let actions: Action[] = []
export let excludedActions: string[] = []
export let withFlatActions: boolean = true
export let hoverable = true
export let onClick: (() => void) | undefined = undefined
export let onReply: (() => void) | undefined = undefined
@ -166,6 +167,7 @@
{showEmbedded}
{hideReplies}
{withFlatActions}
{hoverable}
{onClick}
{onReply}
>

View File

@ -43,6 +43,7 @@
{actions}
{excludedActions}
withFlatActions={false}
hoverable={false}
showNotify={showNotify && !notification.isViewed}
onReply={handleReply}
{onClick}

View File

@ -29,6 +29,7 @@
export let withFlatActions: boolean = true
export let actions: Action[] = []
export let excludedActions: string[] = []
export let hoverable = true
export let onClick: (() => void) | undefined = undefined
export let onReply: (() => void) | undefined = undefined
</script>
@ -46,6 +47,7 @@
{withFlatActions}
{excludedActions}
{actions}
{hoverable}
{onClick}
{onReply}
/>

View File

@ -149,6 +149,7 @@
{embedded}
{skipLabel}
{actions}
hoverable={false}
withFlatActions={false}
onReply={() => {
handleReply(displayMessage)