matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-08 21:42:24 +03:00
Code Activity

Add minimize button to HostSignupDialog.tsx

Browse Source
This commit is contained in:
Jason Robinson
2021-02-04 23:09:58 +02:00
parent fd55b99a26
commit f5f8050172
2 changed files with 18 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
res/css/views/dialogs/_HostSignupDialog.scss
View File

@@ -85,6 +85,20 @@ limitations under the License.
right: 10px;
}
.mx_HostSignup_minimize_button {
mask: url('$(res)/img/feather-customised/widget/minimize.svg');
mask-repeat: no-repeat;
mask-position: center;
mask-size: cover;
width: 14px;
height: 14px;
background-color: $dialog-close-fg-color;
cursor: pointer;
position: absolute;
top: 10px;
right: 10px;
}
.mx_HostSignup_persisted {
width: 580px;
height: 600px;

4
src/components/views/dialogs/HostSignupDialog.tsx
View File

@@ -212,6 +212,10 @@ export default class HostSignupDialog extends React.PureComponent<IProps, IState
}
{!this.state.minimized &&
<div className="mx_Dialog_header mx_Dialog_headerWithCancel">
<AccessibleButton
onClick={this.minimizeDialog} className="mx_HostSignup_minimize_button"
aria-label={_t("Minimize dialog")}
/>
<AccessibleButton
onClick={this.onCloseClick} className="mx_Dialog_cancelButton"
aria-label={_t("Close dialog")}