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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

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