diff --git a/src/components/structures/RoomSubList.js b/src/components/structures/RoomSubList.js index 546ed8075e..ca3efcef1c 100644 --- a/src/components/structures/RoomSubList.js +++ b/src/components/structures/RoomSubList.js @@ -422,12 +422,12 @@ var RoomSubList = React.createClass({ }, _createOverflowTile: function(overflowCount, totalCount) { + var content =
; return (
more
-
-
+
{ content }
); }, diff --git a/src/skins/vector/css/vector-web/structures/RoomSubList.css b/src/skins/vector/css/vector-web/structures/RoomSubList.css index 1711956da1..b50cbfdc68 100644 --- a/src/skins/vector/css/vector-web/structures/RoomSubList.css +++ b/src/skins/vector/css/vector-web/structures/RoomSubList.css @@ -159,6 +159,10 @@ limitations under the License. font-size: 13px; } +.collapsed .mx_RoomSubList_ellipsis { + height: 16px; +} + .mx_RoomSubList_line { display: inline-block; width: 159px; @@ -166,6 +170,10 @@ limitations under the License. vertical-align: middle; } +.collapsed .mx_RoomSubList_line { + display: none; +} + .mx_RoomSubList_more { display: inline-block; text-transform: uppercase; @@ -179,6 +187,10 @@ limitations under the License. vertical-align: middle; } +.collapsed .mx_RoomSubList_more { + display: none; +} + .mx_RoomSubList_moreBadge { display: inline-block; min-width: 15px; @@ -199,9 +211,16 @@ limitations under the License. vertical-align: middle; } -.mx_RoomSubList_ellipsis .mx_RoomSubList_chevronDown { - position: absolute; - top: 4px; - right: 16px; +.collapsed .mx_RoomSubList_moreBadge { + position: static; + margin-left: 16px; + margin-top: 2px; } +.mx_RoomSubList_ellipsis .mx_RoomSubList_chevronDown { + position: relative; + top: 4px; + left: 2px; +} + +