Fix terms auth continue button CSS

This commit is contained in:
Travis Ralston 2018-11-14 18:40:00 -07:00
parent 2ffc024fab
commit c8b38606cc
2 changed files with 7 additions and 3 deletions

View file

@ -30,13 +30,15 @@ limitations under the License.
border: 1px solid $accent-color; border: 1px solid $accent-color;
} }
.mx_InteractiveAuthEntryComponents_msisdnSubmit { .mx_InteractiveAuthEntryComponents_msisdnSubmit,
.mx_InteractiveAuthEntryComponents_termsSubmit {
margin-top: 4px; margin-top: 4px;
margin-bottom: 5px; margin-bottom: 5px;
} }
// XXX: This should be a common button class // XXX: This should be a common button class
.mx_InteractiveAuthEntryComponents_msisdnSubmit:disabled { .mx_InteractiveAuthEntryComponents_msisdnSubmit:disabled,
.mx_InteractiveAuthEntryComponents_termsSubmit:disabled {
background-color: $light-fg-color; background-color: $light-fg-color;
cursor: default; cursor: default;
} }

View file

@ -333,7 +333,9 @@ export const TermsAuthEntry = React.createClass({
let submitButton; let submitButton;
if (!this.props.hideContinue) { if (!this.props.hideContinue) {
submitButton = <button className="mx_textButton" onClick={this._trySubmit}>{_t("Continue")}</button>; // XXX: button classes
submitButton = <button className="mx_InteractiveAuthEntryComponents_termsSubmit mx_UserSettings_button"
onClick={this._trySubmit}>{_t("Continue")}</button>;
} }
return ( return (