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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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