OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Use real buttons in user menu

pull/21833/head
Travis Ralston 2020-06-08 11:06:21 -06:00
parent 6002fef269
commit de4c2fe3d9
2 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
res/css/structures/_UserMenuButton.scss
View File

@ -129,7 +129,7 @@ limitations under the License.
margin: 0; margin: 0;
padding: 20px 0 0; padding: 20px 0 0;
a { .mx_AccessibleButton {
text-decoration: none; text-decoration: none;
color: $primary-fg-color; color: $primary-fg-color;
font-size: $font-15px; font-size: $font-15px;

25
src/components/structures/UserMenuButton.tsx
View File

@ -31,6 +31,7 @@ import LogoutDialog from "../views/dialogs/LogoutDialog";
import SettingsStore, {SettingLevel} from "../../settings/SettingsStore"; import SettingsStore, {SettingLevel} from "../../settings/SettingsStore";
import {getCustomTheme} from "../../theme"; import {getCustomTheme} from "../../theme";
import {getHostingLink} from "../../utils/HostingLink"; import {getHostingLink} from "../../utils/HostingLink";
import AccessibleButton from "../views/elements/AccessibleButton";
interface IProps { interface IProps {
} }
@ -205,44 +206,44 @@ export default class UserMenuButton extends React.Component<IProps, IState> {
<div className="mx_UserMenuButton_contextMenu_optionList"> <div className="mx_UserMenuButton_contextMenu_optionList">
<ul> <ul>
<li> <li>
<a href={"#"} onClick={(e) => this.onSettingsOpen(e, USER_NOTIFICATIONS_TAB)}> <AccessibleButton onClick={(e) => this.onSettingsOpen(e, USER_NOTIFICATIONS_TAB)}>
<img src={require("../../../res/img/feather-customised/notifications.svg")} width={16} /> <img src={require("../../../res/img/feather-customised/notifications.svg")} width={16} />
<span>{_t("Notification settings")}</span> <span>{_t("Notification settings")}</span>
</a> </AccessibleButton>
</li> </li>
<li> <li>
<a href={"#"} onClick={(e) => this.onSettingsOpen(e, USER_SECURITY_TAB)}> <AccessibleButton onClick={(e) => this.onSettingsOpen(e, USER_SECURITY_TAB)}>
<img src={require("../../../res/img/feather-customised/lock.svg")} width={16} /> <img src={require("../../../res/img/feather-customised/lock.svg")} width={16} />
<span>{_t("Security & privacy")}</span> <span>{_t("Security & privacy")}</span>
</a> </AccessibleButton>
</li> </li>
<li> <li>
<a href={"#"} onClick={(e) => this.onSettingsOpen(e, null)}> <AccessibleButton onClick={(e) => this.onSettingsOpen(e, null)}>
<img src={require("../../../res/img/feather-customised/settings.svg")} width={16} /> <img src={require("../../../res/img/feather-customised/settings.svg")} width={16} />
<span>{_t("All settings")}</span> <span>{_t("All settings")}</span>
</a> </AccessibleButton>
</li> </li>
<li> <li>
<a href={"#"} onClick={this.onShowArchived}> <AccessibleButton onClick={this.onShowArchived}>
<img src={require("../../../res/img/feather-customised/archive.svg")} width={16} /> <img src={require("../../../res/img/feather-customised/archive.svg")} width={16} />
<span>{_t("Archived rooms")}</span> <span>{_t("Archived rooms")}</span>
</a> </AccessibleButton>
</li> </li>
<li> <li>
<a href={"#"} onClick={this.onProvideFeedback}> <AccessibleButton onClick={this.onProvideFeedback}>
<img src={require("../../../res/img/feather-customised/message-circle.svg")} width={16} /> <img src={require("../../../res/img/feather-customised/message-circle.svg")} width={16} />
<span>{_t("Feedback")}</span> <span>{_t("Feedback")}</span>
</a> </AccessibleButton>
</li> </li>
</ul> </ul>
</div> </div>
<div className="mx_UserMenuButton_contextMenu_optionList"> <div className="mx_UserMenuButton_contextMenu_optionList">
<ul> <ul>
<li> <li>
<a href={"#"} onClick={this.onSignOutClick}> <AccessibleButton onClick={this.onSignOutClick}>
<img src={require("../../../res/img/feather-customised/sign-out.svg")} width={16} /> <img src={require("../../../res/img/feather-customised/sign-out.svg")} width={16} />
<span>{_t("Sign out")}</span> <span>{_t("Sign out")}</span>
</a> </AccessibleButton>
</li> </li>
</ul> </ul>
</div> </div>