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

small makeover of member info panel

Browse source 
this removes the style sharing between the verify buttons in the memberinfo panel and
and the encrypted event dialog because the diverge too much now.
This commit is contained in:
Bruno Windels 2019-01-29 21:14:16 +01:00
parent 8e7f3e1a68
commit 7d6f551841
4 changed files with 24 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

15
res/css/views/rooms/_MemberDeviceInfo.scss
View file

@ -15,13 +15,15 @@ limitations under the License.
*/
.mx_MemberDeviceInfo {
padding: 10px 0px;
display: flex;
padding-bottom: 10px;
}
.mx_MemberDeviceInfo.mx_DeviceVerifyButtons {
.mx_MemberDeviceInfo > .mx_DeviceVerifyButtons {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: column;
flex: 0 1 auto;
align-items: stretch;
}
.mx_MemberDeviceInfo_textButton {
@ -39,16 +41,13 @@ limitations under the License.
}
.mx_MemberDeviceInfo_deviceInfo {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(0,0,0,0.1);
margin: 0 5px 5px 8px;
}
/* "Unblacklist" is too long for a regular button: make it wider and
reduce the padding. */
.mx_EncryptedEventDialog .mx_MemberDeviceInfo_blacklist,
.mx_EncryptedEventDialog .mx_MemberDeviceInfo_unblacklist {
width: 8em;
padding-left: 1em;
padding-right: 1em;
}