Room list fixes for custom status
This commit is contained in:
parent
46aa543934
commit
920911c0a1
2 changed files with 13 additions and 4 deletions
|
@ -50,11 +50,18 @@ limitations under the License.
|
||||||
|
|
||||||
|
|
||||||
.mx_RoomTile_nameContainer {
|
.mx_RoomTile_nameContainer {
|
||||||
display: inline-block;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
width: 180px;
|
width: 180px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mx_RoomTile_labelContainer {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
.mx_RoomTile_avatar {
|
.mx_RoomTile_avatar {
|
||||||
flex: 0;
|
flex: 0;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
|
@ -103,7 +110,7 @@ limitations under the License.
|
||||||
flex: 1 5 auto;
|
flex: 1 5 auto;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
padding: 6px;
|
padding: 0 6px;
|
||||||
color: $roomtile-name-color;
|
color: $roomtile-name-color;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
|
|
|
@ -354,8 +354,10 @@ module.exports = React.createClass({
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="mx_RoomTile_nameContainer">
|
<div className="mx_RoomTile_nameContainer">
|
||||||
{ label }
|
<div className="mx_RoomTile_labelContainer">
|
||||||
{ subtextLabel }
|
{ label }
|
||||||
|
{ subtextLabel }
|
||||||
|
</div>
|
||||||
{ contextMenuButton }
|
{ contextMenuButton }
|
||||||
{ badge }
|
{ badge }
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue