fix #1939: Fix chat styles on mobile Closes #1939 See merge request Isleward/isleward!600tags/v0.12.0
@@ -7,8 +7,10 @@ define([ | |||||
renderKeyboard: function () { | renderKeyboard: function () { | ||||
this.find('.keyboard').remove(); | this.find('.keyboard').remove(); | ||||
let mainContainer = this.find('.main'); | |||||
let container = $('<div class="keyboard"></div>') | let container = $('<div class="keyboard"></div>') | ||||
.appendTo(this.el); | |||||
.appendTo(mainContainer); | |||||
let keyboard = { | let keyboard = { | ||||
0: 'qwertyuiop|asdfghjkl|zxcvbnm', | 0: 'qwertyuiop|asdfghjkl|zxcvbnm', | ||||
@@ -318,13 +318,20 @@ | |||||
&.typing { | &.typing { | ||||
left: 0px; | left: 0px; | ||||
top: 0px; | top: 0px; | ||||
width: 100%; | |||||
height: 100%; | |||||
width: 100vw; | |||||
height: 100vh; | |||||
background-color: fade(@blackC, 90%); | background-color: fade(@blackC, 90%); | ||||
display: flex; | display: flex; | ||||
flex-direction: column; | flex-direction: column; | ||||
z-index: 999999998; | z-index: 999999998; | ||||
.main { | |||||
display: flex; | |||||
flex-direction: column; | |||||
flex-grow: 1; | |||||
min-height: 0px; | |||||
} | |||||
.channelPicker { | .channelPicker { | ||||
display: none; | display: none; | ||||
} | } | ||||