mirror of
https://github.com/vector-im/element-web.git
synced 2024-11-17 05:55:00 +08:00
7d6f551841
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.
73 lines
1.8 KiB
SCSS
73 lines
1.8 KiB
SCSS
/*
|
|
Copyright 2016 OpenMarket Ltd
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
.mx_MemberDeviceInfo {
|
|
display: flex;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.mx_MemberDeviceInfo > .mx_DeviceVerifyButtons {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: 0 1 auto;
|
|
align-items: stretch;
|
|
}
|
|
|
|
.mx_MemberDeviceInfo_textButton {
|
|
@mixin mx_DialogButton_small;
|
|
margin: 2px;
|
|
flex: 1;
|
|
}
|
|
|
|
.mx_MemberDeviceInfo_textButton:hover {
|
|
@mixin mx_DialogButton_hover;
|
|
}
|
|
|
|
.mx_MemberDeviceInfo_deviceId {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.mx_MemberDeviceInfo_deviceInfo {
|
|
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 {
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
}
|
|
|
|
.mx_MemberDeviceInfo div.mx_MemberDeviceInfo_verified,
|
|
.mx_MemberDeviceInfo div.mx_MemberDeviceInfo_unverified,
|
|
.mx_MemberDeviceInfo div.mx_MemberDeviceInfo_blacklisted {
|
|
float: right;
|
|
padding-left: 1em;
|
|
}
|
|
|
|
.mx_MemberDeviceInfo div.mx_MemberDeviceInfo_verified {
|
|
color: $e2e-verified-color;
|
|
}
|
|
|
|
.mx_MemberDeviceInfo div.mx_MemberDeviceInfo_unverified {
|
|
color: $e2e-unverified-color;
|
|
}
|
|
|
|
.mx_MemberDeviceInfo div.mx_MemberDeviceInfo_blacklisted {
|
|
color: $e2e-warning-color;
|
|
}
|