OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

use box-sizing: border-box to make clientHeight === actual height

pull/21833/head
Bruno Windels 2019-01-21 17:30:02 +01:00
parent c9d5c4903b
commit 018f3d2a5c
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
res/css/structures/_RoomView.scss
View File

@ -171,6 +171,10 @@ limitations under the License.
.mx_RoomView_MessageList { .mx_RoomView_MessageList {
list-style-type: none; list-style-type: none;
padding: 18px; padding: 18px;
margin: 0;
/* needed as min-height is set to clientHeight in ScrollPanel
to prevent shrinking when WhoIsTypingTile is hidden */
box-sizing: border-box;
} }
.mx_RoomView_MessageList li { .mx_RoomView_MessageList li {

2
src/components/structures/ScrollPanel.js
View File

@ -689,7 +689,7 @@ module.exports = React.createClass({
blockShrinking: function() { blockShrinking: function() {
const messageList = this.refs.itemlist; const messageList = this.refs.itemlist;
if (messageList) { if (messageList) {
const currentHeight = messageList.clientHeight - 18; const currentHeight = messageList.clientHeight;
messageList.style.minHeight = `${currentHeight}px`; messageList.style.minHeight = `${currentHeight}px`;
} }
}, },