Bastelstube/Tims-Chat
1
0
Fork 0
mirror of https://github.com/wbbaddons/Tims-Chat.git synced 2024-12-21 21:30:08 +00:00
Code Issues Releases Wiki Activity

Reduce jumpiness when loading the chat interface

Browse Source
This commit is contained in:
Maximilian Mader 2022-08-10 19:47:01 +02:00
parent 3bdf037477
commit 4c6a8e8326
Signed by: Max
GPG Key ID: F71D56A3151C4FB3
3 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
files/style/be.bastelstu.chat.scss
View File

@ -389,15 +389,18 @@ #tpl_chat_log {
#chatInputContainer { #chatInputContainer {
margin-top: 10px; margin-top: 10px;
margin-bottom: 1.48 * $wcfFontSizeDefault; // 1.48 is the default line height
clear: both; clear: both;
textarea {
resize: none;
}
.charCounter { .charCounter {
float: right; float: right;
color: $wcfContentDimmedText; color: $wcfContentDimmedText;
margin-bottom: -(1.48 * $wcfFontSizeDefault);
}
textarea {
resize: none;
} }
> div { > div {
@ -536,6 +539,7 @@ #tpl_chat_log {
background-color: $wcfContentBackground; background-color: $wcfContentBackground;
.modalCloseButton { .modalCloseButton {
border-top: 1px solid $wcfContentBorderInner;
background-color: $wcfSidebarBackground; background-color: $wcfSidebarBackground;
color: $wcfSidebarLink; color: $wcfSidebarLink;
display: block; display: block;
@ -546,9 +550,7 @@ #tpl_chat_log {
} }
> div { > div {
border-top: none; border: none;
border-right: none;
border-left: none;
height: 0; height: 0;
flex: 1 1 auto; flex: 1 1 auto;

1
files_wcf/js/Bastelstu.be/Chat/Helper.js
View File

@ -135,6 +135,7 @@ define(['WoltLabSuite/Core/Date/Util', 'WoltLabSuite/Core/Language'], function (
textarea.parentNode.classList.add('flexibleTextarea') textarea.parentNode.classList.add('flexibleTextarea')
} }
textarea.removeAttribute('rows')
textarea.classList.add('flexibleTextareaContent') textarea.classList.add('flexibleTextareaContent')
pre.classList.add('flexibleTextareaMirror') pre.classList.add('flexibleTextareaMirror')

2
templates/room.tpl
View File

@ -60,7 +60,7 @@
</div> </div>
{/if} {/if}
<div class="chatInputWrapper"> <div class="chatInputWrapper">
<textarea maxlength="{CHAT_MAX_LENGTH}" class="long"></textarea> <textarea maxlength="{CHAT_MAX_LENGTH}" class="long" rows="1"></textarea>
<span id="chatQuickSettings"> <span id="chatQuickSettings">
<span class="icon icon24 fa-ellipsis-v"></span> <span class="icon icon24 fa-ellipsis-v"></span>
</span> </span>