Make the sign out button red

This commit is contained in:
Travis Ralston 2020-06-25 15:13:28 -06:00
parent 9f5a716cc5
commit 7b79dd6be1
2 changed files with 11 additions and 1 deletions
res/css/structures
src/components/structures

View file

@ -40,6 +40,16 @@ limitations under the License.
.mx_UserMenuButton_contextMenu {
width: 247px;
.mx_UserMenuButton_contextMenu_redRow {
.mx_AccessibleButton {
color: $warning-color !important; // !important to override styles from context menu
}
.mx_IconizedContextMenu_icon::before {
background-color: $warning-color;
}
}
.mx_UserMenuButton_contextMenu_header {
// Create a flexbox to organize the header a bit easier
display: flex;

View file

@ -263,7 +263,7 @@ export default class UserMenuButton extends React.Component<IProps, IState> {
</div>
<div className="mx_IconizedContextMenu_optionList">
<ul>
<li>
<li className="mx_UserMenuButton_contextMenu_redRow">
<AccessibleButton onClick={this.onSignOutClick}>
<span className="mx_IconizedContextMenu_icon mx_UserMenuButton_iconSignOut" />
<span>{_t("Sign out")}</span>