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; display: flex;
margin-top: 11px; margin-top: 11px;
} }
.mx_UserInfo_expand_verified {
color: $accent-color;
}
} }
.mx_UserInfo_wideButton { .mx_UserInfo_wideButton {

View file

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