Add minimize button to HostSignupDialog.tsx

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

View file

@ -85,6 +85,20 @@ limitations under the License.
right: 10px; 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 { .mx_HostSignup_persisted {
width: 580px; width: 580px;
height: 600px; height: 600px;

View file

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