Browse Source

Fix chat input line height

Fix preloader overflow
master
Eduard Kuzmenko 3 years ago
parent
commit
9a4c120522
  1. 4
      src/components/chat/input.ts
  2. 7
      src/scss/partials/_chat.scss
  3. 1
      src/scss/partials/_preloader.scss

4
src/components/chat/input.ts

@ -377,6 +377,10 @@ export default class ChatInput { @@ -377,6 +377,10 @@ export default class ChatInput {
this.onMessageInput();
}
}
if(this.messageInputField) {
this.messageInputField.onFakeInput();
}
});
this.listenerSetter.add(rootScope, 'draft_updated', (e) => {

7
src/scss/partials/_chat.scss

@ -116,10 +116,11 @@ $chat-helper-size: 39px; @@ -116,10 +116,11 @@ $chat-helper-size: 39px;
background: none;
border: none;
width: 100%;
padding: .6875rem .5625rem;
padding: 0 .5625rem;
/* height: 100%; */
margin-top: -1px;
max-height: calc(30rem - 2.5rem); // 2.5rem - input helper (reply)
min-height: inherit;
//min-height: inherit;
overflow-y: none;
resize: none;
border: none;
@ -832,6 +833,8 @@ $chat-helper-size: 39px; @@ -832,6 +833,8 @@ $chat-helper-size: 39px;
overflow: hidden;
align-self: center;
min-height: calc(var(--chat-input-size) - var(--padding-vertical) * 2);
display: flex;
align-items: center;
> .scrollable {
position: relative;

1
src/scss/partials/_preloader.scss

@ -36,6 +36,7 @@ $transition: .2s ease-in-out; @@ -36,6 +36,7 @@ $transition: .2s ease-in-out;
height: 54px;
display: flex;
cursor: pointer;
overflow: hidden; // * fix overflow of rotate
opacity: 0;
transform: scale(0);

Loading…
Cancel
Save