Browse Source

Fix chat input line height

Fix preloader overflow
master
Eduard Kuzmenko 4 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 {
this.onMessageInput(); this.onMessageInput();
} }
} }
if(this.messageInputField) {
this.messageInputField.onFakeInput();
}
}); });
this.listenerSetter.add(rootScope, 'draft_updated', (e) => { this.listenerSetter.add(rootScope, 'draft_updated', (e) => {

7
src/scss/partials/_chat.scss

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

1
src/scss/partials/_preloader.scss

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

Loading…
Cancel
Save