diff --git a/res/css/views/elements/_ResizeHandle.scss b/res/css/views/elements/_ResizeHandle.scss index 8f533a02bc..42ff6e3825 100644 --- a/res/css/views/elements/_ResizeHandle.scss +++ b/res/css/views/elements/_ResizeHandle.scss @@ -17,21 +17,30 @@ limitations under the License. .mx_ResizeHandle { cursor: row-resize; flex: 0 0 auto; - background: $panel-divider-color; - background-clip: content-box; z-index: 100; } .mx_ResizeHandle.mx_ResizeHandle_horizontal { - width: 1px; margin: 0 -5px; padding: 0 5px; cursor: col-resize; } .mx_ResizeHandle.mx_ResizeHandle_vertical { - height: 1px; margin: -5px 0; padding: 5px 0; cursor: row-resize; } + +.mx_ResizeHandle > div { + background: $panel-divider-color; +} + +.mx_ResizeHandle.mx_ResizeHandle_horizontal > div { + width: 1px; + height: 100%; +} + +.mx_ResizeHandle.mx_ResizeHandle_vertical > div { + height: 1px; +} diff --git a/res/css/views/rooms/_RoomTile.scss b/res/css/views/rooms/_RoomTile.scss index ff54da7196..a15f9f3186 100644 --- a/res/css/views/rooms/_RoomTile.scss +++ b/res/css/views/rooms/_RoomTile.scss @@ -39,10 +39,6 @@ limitations under the License. .mx_RoomTile_menuButton { display: block; } - - .mx_RoomTile_badge { - display: none; - } } .mx_RoomTile_tooltip { diff --git a/src/components/structures/RoomSubList.js b/src/components/structures/RoomSubList.js index 91b29d4665..b4fbc5406e 100644 --- a/src/components/structures/RoomSubList.js +++ b/src/components/structures/RoomSubList.js @@ -313,6 +313,12 @@ const RoomSubList = React.createClass({ ); }, + checkOverflow: function() { + if (this.refs.scroller) { + this.refs.scroller.checkOverflow(); + } + }, + render: function() { const len = this.props.list.length + this.props.extraTiles.length; if (len) { @@ -330,7 +336,7 @@ const RoomSubList = React.createClass({ tiles.push(...this.props.extraTiles); return
{this._getHeaderJsx()} - + { tiles }
; diff --git a/src/components/views/elements/ResizeHandle.js b/src/components/views/elements/ResizeHandle.js index b5487b1fc1..863dfaaa93 100644 --- a/src/components/views/elements/ResizeHandle.js +++ b/src/components/views/elements/ResizeHandle.js @@ -14,7 +14,7 @@ const ResizeHandle = (props) => { classNames.push('mx_ResizeHandle_reverse'); } return ( -
+
); }; diff --git a/src/components/views/rooms/RoomList.js b/src/components/views/rooms/RoomList.js index 9e766bdc15..9fb872cd32 100644 --- a/src/components/views/rooms/RoomList.js +++ b/src/components/views/rooms/RoomList.js @@ -71,6 +71,10 @@ module.exports = React.createClass({ getInitialState: function() { + this._subListRefs = { + // key => RoomSubList ref + }; + const sizesJson = window.localStorage.getItem("mx_roomlist_sizes"); const collapsedJson = window.localStorage.getItem("mx_roomlist_collapsed"); this.subListSizes = sizesJson ? JSON.parse(sizesJson) : {}; @@ -174,8 +178,11 @@ module.exports = React.createClass({ this.mounted = true; }, - componentDidUpdate: function() { + componentDidUpdate: function(prevProps) { this._repositionIncomingCallBox(undefined, false); + if (this.props.searchFilter !== prevProps.searchFilter) { + Object.values(this._subListRefs).forEach(l => l.checkOverflow()); + } }, onAction: function(payload) { @@ -483,6 +490,14 @@ module.exports = React.createClass({ window.localStorage.setItem("mx_roomlist_collapsed", JSON.stringify(this.collapsedState)); }, + _subListRef: function(key, ref) { + if (!ref) { + delete this._subListRefs[key]; + } else { + this._subListRefs[key] = ref; + } + }, + _mapSubListProps: function(subListsProps) { const defaultProps = { collapsed: this.props.collapsed, @@ -513,6 +528,7 @@ module.exports = React.createClass({ const startAsHidden = props.startAsHidden || this.collapsedState[chosenKey]; let subList = (