PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

WIP

Browse source
This commit is contained in:
Jason Robinson 2021-01-15 15:57:14 +02:00
parent e80dba9414
commit 90a1c5a267
2 changed files with 29 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
res/css/views/dialogs/_HostSignupDialog.scss
View file

@ -34,9 +34,12 @@ limitations under the License.
.mx_HostSignupDialog_buttons {
margin-bottom: 24px;
display: flex;
justify-content: center;
button {
padding: 12px;
margin: 0 16px;
}
}
}

25
src/components/views/dialogs/HostSignupDialog.tsx
View file

@ -245,12 +245,10 @@ export default class HostSignupDialog extends React.PureComponent<IProps, IState
{para}
</p>;
})}
</div>
}
{this.config.info.additionalInfoLink &&
<p><small>
<a href={this.config.info.additionalInfoLink.href} target="_blank"
rel="noopener noreferrer"
<a href={this.config.info.additionalInfoLink.href}
target="_blank" rel="noopener noreferrer"
title={this.config.info.additionalInfoLink.text}
>
{this.config.info.additionalInfoLink.text}
@ -258,12 +256,25 @@ export default class HostSignupDialog extends React.PureComponent<IProps, IState
</small></p>
}
</div>
}
</div>
<div className="mx_HostSignupDialog_buttons">
{/*TODO: what about accessibility? the signup flow is possibly not reader optimized*/}
<button onClick={this.closeDialog}>{this.config.info.cancelText}</button>
<button onClick={this.onStartClick} className="mx_Dialog_primary">
<AccessibleButton
onClick={this.closeDialog}
aria-label={this.config.info.cancelText}
>
<button>
{this.config.info.cancelText}
</button>
</AccessibleButton>
<AccessibleButton
onClick={this.onStartClick}
aria-label={this.config.info.continueText}
>
<button className="mx_Dialog_primary">
{this.config.info.continueText}
</button>
</AccessibleButton>
</div>
{this.config.info.footer &&
<div className="mx_HostSignupDialog_text_light">