Fixed size and space for Collaborative users (#5506)

Signed-off-by: Alexander Platov <alexander.platov@hardcoreeng.com>
This commit is contained in:
Alexander Platov 2024-05-04 07:09:42 +03:00 committed by GitHub
parent 610bfda5e6
commit 0611820bbf
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 28 additions and 31 deletions

View File

@ -66,7 +66,6 @@
</script> </script>
{#if states.length > 0} {#if states.length > 0}
<div class="container flex-col flex-gap-2 pt-2">
{#each states as state} {#each states as state}
<Button <Button
kind="icon" kind="icon"
@ -85,13 +84,4 @@
</svelte:fragment> </svelte:fragment>
</Button> </Button>
{/each} {/each}
</div>
{/if} {/if}
<style lang="scss">
.container {
position: sticky;
top: 0;
width: 1.5rem;
}
</style>

View File

@ -556,10 +556,12 @@
<div class="textInput"> <div class="textInput">
<div class="select-text" class:hidden={loading} style="width: 100%;" bind:this={element} /> <div class="select-text" class:hidden={loading} style="width: 100%;" bind:this={element} />
<div class="collaborationUsers-container flex-col flex-gap-2 pt-2">
{#if remoteProvider && editor && userComponent} {#if remoteProvider && editor && userComponent}
<CollaborationUsers provider={remoteProvider} {editor} component={userComponent} /> <CollaborationUsers provider={remoteProvider} {editor} component={userComponent} />
{/if} {/if}
</div> </div>
</div>
{#if refActions.length > 0} {#if refActions.length > 0}
<div class="buttons-panel flex-between clear-mins no-print"> <div class="buttons-panel flex-between clear-mins no-print">
@ -630,6 +632,11 @@
} }
} }
} }
.collaborationUsers-container {
position: sticky;
top: 0;
min-width: 1.5rem;
}
.hidden { .hidden {
display: none; display: none;