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 22:23:33 +07:00
committed by GitHub
parent 57409feb99
commit 27c428602a
9 changed files with 20 additions and 2 deletions
@@ -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}
>
@@ -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
}}
@@ -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);
}
}
}
@@ -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}
>
@@ -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}
@@ -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}
>
@@ -43,6 +43,7 @@
{actions}
{excludedActions}
withFlatActions={false}
hoverable={false}
showNotify={showNotify && !notification.isViewed}
onReply={handleReply}
{onClick}
@@ -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}
/>
@@ -149,6 +149,7 @@
{embedded}
{skipLabel}
{actions}
hoverable={false}
withFlatActions={false}
onReply={() => {
handleReply(displayMessage)