wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-05-28 19:08:01 +00:00
Code Issues Actions 2 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>
<div class="container">
<div class="commentPopup-container">
<div
class="flex-between header"
use:resizeObserver={() => {
@ -87,7 +87,7 @@
{/if}
</div>
{#if withInput}
<div class="max-w-120 input">
<div class="input">
<CommentInput
{object}
on:focus={() => {
@ -99,37 +99,38 @@
</div>
<style lang="scss">
.item {
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 {
.commentPopup-container {
overflow: hidden;
display: flex;
flex-direction: column;
padding: 0;
min-width: 0;
min-height: 0;
max-height: 30rem;
}
.header {
border-bottom: 1px solid var(--theme-divider-color);
padding: 1rem 1.5rem;
margin-right: -0.5rem;
margin-left: -0.5rem;
margin-bottom: 1rem;
.header {
flex-shrink: 0;
margin: 0 0.25rem 0.5rem;
padding: 0.5rem 1.25rem 1rem 0.75rem;
border-bottom: 1px solid var(--theme-divider-color);
}
.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>