add plus button for rooms and people

This commit is contained in:
Bruno Windels 2018-10-19 12:07:36 +02:00
parent 197dd57461
commit 6af61ebb09
5 changed files with 29 additions and 5 deletions

View file

@ -32,17 +32,17 @@ limitations under the License.
}
.mx_RoomSubList_labelContainer {
height: 31px; /* mx_RoomSubList_label height including border */
position: relative;
display: flex;
flex-direction: row;
}
.mx_RoomSubList_label {
flex: 1;
position: relative;
text-transform: uppercase;
color: $roomsublist-label-fg-color;
font-weight: 700;
font-size: 12px;
height: 19px; /* height + padding = 31px = mx_RoomSubList_label height */
font-size: 14px;
margin-left: 16px;
padding-left: 16px; /* gutter */
padding-right: 16px; /* gutter */
@ -90,6 +90,20 @@ limitations under the License.
filter: brightness($focus-brightness);
}
.mx_RoomSubList_addRoom {
background-color: $roomheader-addroom-color;
color: $roomsublist-background;
margin: 5px 10px;
border-radius: 9px;
text-align: center;
vertical-align: middle;
line-height: 18px;
font-weight: bold;
font-size: 18px;
width: 18px;
height: 18px;
}
.mx_RoomSubList_badgeHighlight {
background-color: $warning-color;
}