wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-06-01 21:31:04 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

UBER-1141: fixed Comments popup layout (#3946)

Browse Source 
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2023-11-07 07:45:43 +03:00 committed by GitHub
parent b77ad4dc4b
commit 734e200d16
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 30 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
plugins/chunter-resources/src/components/CommentPopup.svelte
View File

@ -49,7 +49,7 @@
} }
</script> </script>
<div class="container"> <div class="commentPopup-container">
<div <div
class="flex-between header" class="flex-between header"
use:resizeObserver={() => { use:resizeObserver={() => {
@ -87,7 +87,7 @@
{/if} {/if}
</div> </div>
{#if withInput} {#if withInput}
<div class="max-w-120 input"> <div class="input">
<CommentInput <CommentInput
{object} {object}
on:focus={() => { on:focus={() => {
@ -99,37 +99,38 @@
</div> </div>
<style lang="scss"> <style lang="scss">
.item { .commentPopup-container {
max-width: 30rem;
}
.item + .item {
margin-top: 0.75rem;
}
.input {
padding: 1rem;
padding-top: 0;
}
.comments {
overflow: auto;
flex: 1;
padding: 1rem;
padding-top: 0;
}
.container {
overflow: hidden; overflow: hidden;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 0;
min-width: 0;
min-height: 0;
max-height: 30rem; max-height: 30rem;
}
.header { .header {
border-bottom: 1px solid var(--theme-divider-color); flex-shrink: 0;
padding: 1rem 1.5rem; margin: 0 0.25rem 0.5rem;
margin-right: -0.5rem; padding: 0.5rem 1.25rem 1rem 0.75rem;
margin-left: -0.5rem; border-bottom: 1px solid var(--theme-divider-color);
margin-bottom: 1rem; }
.comments {
overflow: auto;
flex: 1;
padding: 0 1rem;
min-width: 0;
min-height: 0;
.item {
max-width: 30rem;
}
.item + .item {
margin-top: 0.75rem;
}
}
.input {
padding: 0.5rem 0.25rem 0.25rem;
}
} }
</style> </style>