Add minimize button to HostSignupDialog.tsx
This commit is contained in:
parent
fd55b99a26
commit
f5f8050172
2 changed files with 18 additions and 0 deletions
|
@ -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;
|
||||||
|
|
|
@ -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")}
|
||||||
|
|
Loading…
Reference in a new issue