42 lines
856 B
SCSS
42 lines
856 B
SCSS
.chat-textarea {
|
|
--textarea-bg: hsl(40deg 3.7% 15.9% / 25%);
|
|
--textarea-collapsed-padding-y: 18px;
|
|
--textarea-expanded-padding-y: 8px;
|
|
|
|
background: var(--textarea-bg);
|
|
height: 62px;
|
|
min-height: 62px;
|
|
max-height: 520px;
|
|
overflow-y: hidden;
|
|
padding-top: var(--textarea-collapsed-padding-y);
|
|
padding-bottom: var(--textarea-collapsed-padding-y);
|
|
resize: none;
|
|
transition:
|
|
height 0.12s ease,
|
|
padding 0.12s ease;
|
|
|
|
&.chat-textarea-expanded {
|
|
padding-top: var(--textarea-expanded-padding-y);
|
|
padding-bottom: var(--textarea-expanded-padding-y);
|
|
}
|
|
|
|
&.ctrl-resize {
|
|
resize: vertical;
|
|
}
|
|
}
|
|
|
|
.send-btn {
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
transform: scale(0.85);
|
|
transition:
|
|
opacity 0.2s ease,
|
|
transform 0.2s ease;
|
|
|
|
&.visible {
|
|
opacity: 1;
|
|
pointer-events: auto;
|
|
transform: scale(1);
|
|
}
|
|
}
|