imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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
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;
} }
} }
} }

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

@ -245,12 +245,10 @@ export default class HostSignupDialog extends React.PureComponent<IProps, IState
{para} {para}
</p>; </p>;
})} })}
</div>
}
{this.config.info.additionalInfoLink && {this.config.info.additionalInfoLink &&
<p><small> <p><small>
<a href={this.config.info.additionalInfoLink.href} target="_blank" <a href={this.config.info.additionalInfoLink.href}
rel="noopener noreferrer" target="_blank" rel="noopener noreferrer"
title={this.config.info.additionalInfoLink.text} title={this.config.info.additionalInfoLink.text}
> >
{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> </small></p>
} }
</div> </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}
>
<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} {this.config.info.continueText}
</button> </button>
</AccessibleButton>
</div> </div>
{this.config.info.footer && {this.config.info.footer &&
<div className="mx_HostSignupDialog_text_light"> <div className="mx_HostSignupDialog_text_light">