WIP
This commit is contained in:
parent
e80dba9414
commit
90a1c5a267
2 changed files with 29 additions and 15 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -245,25 +245,36 @@ export default class HostSignupDialog extends React.PureComponent<IProps, IState
|
|||
{para}
|
||||
</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>
|
||||
}
|
||||
{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 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">
|
||||
{this.config.info.continueText}
|
||||
</button>
|
||||
<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">
|
||||
|
|
Loading…
Reference in a new issue