imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

move filter member field to bottom of memberlist

Browse source 
reorganize styles as well
This commit is contained in:
Bruno Windels 2018-11-06 14:47:11 +01:00
parent f8f4dde3ec
commit 92e43ea181
2 changed files with 17 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

42
res/css/views/rooms/_MemberList.scss
View file

@ -40,20 +40,6 @@ limitations under the License.
flex: 1 1 0px;
}
.mx_MemberList form,
.mx_GroupMemberList form,
.mx_GroupRoomList form {
display: flex;
justify-content: flex-end;
align-items: center;
}
.mx_MemberList form > *,
.mx_GroupMemberList form > *,
.mx_GroupRoomList form > * {
margin: 9px;
}
.mx_MemberList_query,
.mx_GroupMemberList_query,
.mx_GroupRoomList_query {
@ -75,28 +61,24 @@ limitations under the License.
padding: 10px;
}
.mx_MemberList_inviteIcon object {
pointer-events: none;
}
.mx_MemberList_inviteIcon {
position: absolute;
top: 10px;
left: 10px;
}
.mx_MemberList_invite {
flex: 0 0 auto;
position: relative;
background-color: $button-bg-color;
color: $button-fg-color;
border-radius: 4px;
padding: 8px;
font-weight: 600;
}
margin: 9px;
display: flex;
/* move text to left */
.mx_MemberList_invite > :last-child {
margin-left: 25px;
span {
margin: 0 auto;
background-image: url('../../img/icon-invite-people.svg');
background-repeat: no-repeat;
background-position: center left;
padding-left: 25px;
font-weight: 600;
color: $button-fg-color;
}
}