Actually this is green because it's a link

not because the things were verified. Use the linkButton class
This commit is contained in:
David Baker 2020-01-30 16:08:42 +00:00
parent 0956d00637
commit 77618d30fd
2 changed files with 2 additions and 8 deletions

View file

@ -257,10 +257,6 @@ limitations under the License.
display: flex;
margin-top: 11px;
}
.mx_UserInfo_expand_verified {
color: $accent-color;
}
}
.mx_UserInfo_wideButton {

View file

@ -221,7 +221,6 @@ function DevicesSection({devices, userId, loading}) {
let expandCountCaption;
let expandHideCaption;
let expandClasses = "mx_UserInfo_expand";
let expandIconClasses = "mx_E2EIcon";
if (userTrust.isVerified()) {
@ -245,7 +244,6 @@ function DevicesSection({devices, userId, loading}) {
}
expandCountCaption = _t("%(count)s verified sessions", {count: expandSectionDevices.length});
expandHideCaption = _t("Hide verified sessions");
expandClasses += " mx_UserInfo_expand_verified";
expandIconClasses += " mx_E2EIcon_verified";
} else {
expandSectionDevices = devices;
@ -257,11 +255,11 @@ function DevicesSection({devices, userId, loading}) {
let expandButton;
if (expandSectionDevices.length) {
if (isExpanded) {
expandButton = (<AccessibleButton className={expandClasses} onClick={() => setExpanded(false)}>
expandButton = (<AccessibleButton className="mx_UserInfo_expand mx_linkButton" onClick={() => setExpanded(false)}>
<div>{expandHideCaption}</div>
</AccessibleButton>);
} else {
expandButton = (<AccessibleButton className={expandClasses} onClick={() => setExpanded(true)}>
expandButton = (<AccessibleButton className="mx_UserInfo_expand mx_linkButton" onClick={() => setExpanded(true)}>
<div className={expandIconClasses} />
<div>{expandCountCaption}</div>
</AccessibleButton>);