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 { .mx_HostSignupDialog_buttons {
margin-bottom: 24px; margin-bottom: 24px;
display: flex;
justify-content: center;
button { button {
padding: 12px; padding: 12px;
margin: 0 16px;
} }
} }
} }

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

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