mirror of
https://github.com/hcengineering/platform.git
synced 2025-06-07 00:09:34 +00:00
Disable hover with border in inbox (#4417)
Signed-off-by: Kristina Fefelova <kristin.fefelova@gmail.com>
This commit is contained in:
parent
57409feb99
commit
27c428602a
@ -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}
|
||||||
>
|
>
|
||||||
|
@ -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
|
||||||
}}
|
}}
|
||||||
|
@ -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;
|
||||||
|
@ -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}
|
||||||
>
|
>
|
||||||
|
@ -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}
|
||||||
|
@ -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}
|
||||||
>
|
>
|
||||||
|
@ -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}
|
||||||
|
@ -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}
|
||||||
/>
|
/>
|
||||||
|
@ -149,6 +149,7 @@
|
|||||||
{embedded}
|
{embedded}
|
||||||
{skipLabel}
|
{skipLabel}
|
||||||
{actions}
|
{actions}
|
||||||
|
hoverable={false}
|
||||||
withFlatActions={false}
|
withFlatActions={false}
|
||||||
onReply={() => {
|
onReply={() => {
|
||||||
handleReply(displayMessage)
|
handleReply(displayMessage)
|
||||||
|
Loading…
Reference in New Issue
Block a user