Fix Tooltip (#600)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2021-12-09 12:09:35 +03:00 committed by GitHub
parent bdc969d7ab
commit c35a982619
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 1 deletions

View File

@ -30,6 +30,7 @@
export let value: Channel[] | null export let value: Channel[] | null
export let size: 'small' | 'medium' | 'large' | 'x-large' = 'large' export let size: 'small' | 'medium' | 'large' | 'x-large' = 'large'
export let reverse: boolean = false export let reverse: boolean = false
export let integration: boolean = false
interface Item { interface Item {
label: IntlString, label: IntlString,
@ -83,7 +84,7 @@
{#each displayItems as item} {#each displayItems as item}
<div on:click|stopPropagation={() => { dispatch('click', item) }}> <div on:click|stopPropagation={() => { dispatch('click', item) }}>
<Tooltip component={ChannelsPopup} props={{ value: item }} label={undefined} anchor={divHTML}> <Tooltip component={ChannelsPopup} props={{ value: item }} label={undefined} anchor={divHTML}>
<CircleButton icon={item.icon} {size} primary={item.label === 'Telegram'} /> <CircleButton icon={item.icon} {size} primary={item.label === 'Telegram' && integration} />
</Tooltip> </Tooltip>
</div> </div>
{/each} {/each}

View File

@ -186,6 +186,7 @@
position: fixed; position: fixed;
// background-color: rgba(255, 255, 0, .5); // background-color: rgba(255, 255, 0, .5);
user-select: none; user-select: none;
pointer-events: none;
z-index: 10000; z-index: 10000;
&::after, &::before { &::after, &::before {