WIP minimize

pull/21833/head
Jason Robinson 2021-01-12 17:08:42 +02:00
parent e6605441aa
commit 3da5049dc7
2 changed files with 56 additions and 41 deletions

View File

@ -14,9 +14,14 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
.mx_HostSignupDialog {
z-index: unset;
}
.mx_HostSignupBaseDialog {
max-height: 600px;
width: 580px;
position: inherit;
.mx_HostSignupDialog_container {
height: 90%;
@ -42,3 +47,8 @@ limitations under the License.
.mx_HostSignupBaseDialog_minimized {
display: none;
}
.mx_HostSignupDialog_persisted {
width: 580px;
height: 600px;
}

View File

@ -18,6 +18,7 @@ import * as React from "react";
import BaseDialog from '../../views/dialogs/BaseDialog';
import GenericToast from "../toasts/GenericToast";
import Modal from "../../../Modal";
import PersistedElement from "../elements/PersistedElement";
import QuestionDialog from './QuestionDialog';
import SdkConfig from "../../../SdkConfig";
import ToastStore from "../../../stores/ToastStore";
@ -100,6 +101,7 @@ export default class HostSignupDialog extends React.PureComponent<IProps, IState
this.setState({
minimized: true,
});
this.props.requestClose();
}
private onFinished = (result: boolean) => {
@ -163,7 +165,8 @@ export default class HostSignupDialog extends React.PureComponent<IProps, IState
public render(): React.ReactNode {
return (
<div className={this.state.minimized ? "mx_HostSignupBaseDialog_minimized" : ""}>
<div className="mx_HostSignupDialog_persisted">
<PersistedElement key="host_signup" persistKey="host_signup">
<BaseDialog
className="mx_HostSignupBaseDialog"
onFinished={this.onFinished}
@ -187,8 +190,9 @@ export default class HostSignupDialog extends React.PureComponent<IProps, IState
<div className="mx_HostSignupDialog_content">
<h1>Unlock the power of Element</h1>
<p>
Congratulations! You taken your first steps into unlocking the full power of&nbsp;
the Element app. In a few minutes, you'll be able to see how powerful our&nbsp;
Congratulations! You taken your first steps into unlocking the full&nbsp;
power of the Element app. In a few minutes, you'll be able to&nbsp;
see how powerful our&nbsp;
Matrix services are and take control of your conversation data.
</p>
</div>
@ -208,6 +212,7 @@ export default class HostSignupDialog extends React.PureComponent<IProps, IState
}
</div>
</BaseDialog>
</PersistedElement>
</div>
);
}