mirror of
https://github.com/penpot/penpot.git
synced 2025-05-10 13:06:38 +02:00
Merge pull request #5597 from penpot/fix-problem-comment-area
🐛 Fix problem growing text area
This commit is contained in:
commit
66f8ac44e4
2 changed files with 4 additions and 1 deletions
|
@ -996,7 +996,7 @@
|
||||||
:id (str "thread-" thread-id)
|
:id (str "thread-" thread-id)
|
||||||
:style {:left (str pos-x "px")
|
:style {:left (str pos-x "px")
|
||||||
:top (str pos-y "px")
|
:top (str pos-y "px")
|
||||||
:max-height max-height}
|
"--comment-height" (str max-height "px")}
|
||||||
:on-click dom/stop-propagation}
|
:on-click dom/stop-propagation}
|
||||||
|
|
||||||
[:div {:class (stl/css :floating-thread-header)}
|
[:div {:class (stl/css :floating-thread-header)}
|
||||||
|
|
|
@ -152,6 +152,7 @@
|
||||||
border-radius: $br-8;
|
border-radius: $br-8;
|
||||||
border: $s-2 solid var(--modal-border-color);
|
border: $s-2 solid var(--modal-border-color);
|
||||||
background-color: var(--comment-modal-background-color);
|
background-color: var(--comment-modal-background-color);
|
||||||
|
max-height: var(--comment-height);
|
||||||
--translate-x: 0%;
|
--translate-x: 0%;
|
||||||
--translate-y: 0%;
|
--translate-y: 0%;
|
||||||
transform: translate(var(--translate-x), var(--translate-y));
|
transform: translate(var(--translate-x), var(--translate-y));
|
||||||
|
@ -229,6 +230,8 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: $s-8;
|
gap: $s-8;
|
||||||
|
max-height: calc(var(--comment-height) - $s-132);
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
@extend .input-element;
|
@extend .input-element;
|
||||||
@include bodySmallTypography;
|
@include bodySmallTypography;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue