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;
}

View file

@ -109,6 +109,7 @@ $rte-group-pill-color: #aaa;
$topleftmenu-color: #212121;
$roomheader-color: #45474a;
$roomheader-addroom-color: #929eb4;
$roomtopic-color: #9fa9ba;
// ********************

View file

@ -108,6 +108,7 @@ $rte-group-pill-color: #aaa;
$topleftmenu-color: $primary-fg-color;
$roomheader-color: $primary-fg-color;
$roomheader-addroom-color: $primary-bg-color;
$roomtopic-color: $settings-grey-fg-color;
// ********************