Actually this is green because it's a link
not because the things were verified. Use the linkButton class
This commit is contained in:
parent
0956d00637
commit
77618d30fd
2 changed files with 2 additions and 8 deletions
|
@ -257,10 +257,6 @@ limitations under the License.
|
|||
display: flex;
|
||||
margin-top: 11px;
|
||||
}
|
||||
|
||||
.mx_UserInfo_expand_verified {
|
||||
color: $accent-color;
|
||||
}
|
||||
}
|
||||
|
||||
.mx_UserInfo_wideButton {
|
||||
|
|
|
@ -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>);
|
||||
|
|
Loading…
Reference in a new issue