MICROBA-734 Rename specific color (#25671)

This commit is contained in:
Christie Rice
2020-11-24 10:13:00 -05:00
committed by GitHub
parent 390d1b2d5c
commit d80a7786e1
2 changed files with 6 additions and 6 deletions

View File

@@ -71,7 +71,7 @@ export default class Wizard extends React.Component {
{errorPage.props.children}
</div>
<div className="wizard-footer justify-content-end h-100 d-flex flex-column">
<button className="wizard-button blue" arial-label={gettext("close questionnaire")} onClick={this.props.onWizardComplete}>{gettext("Close")}</button>
<button className="wizard-button colored" arial-label={gettext("close questionnaire")} onClick={this.props.onWizardComplete}>{gettext("Close")}</button>
</div>
</div>
)
@@ -85,7 +85,7 @@ export default class Wizard extends React.Component {
}
/**
* Utility method for closing the modal and returning the learner back to the Course Dashboard.
* Utility method for closing the modal and returning the learner back to the Course Dashboard.
* If a learner is on the final page of the modal, meaning they have answered all of the
* questions, clicking the "Return to my dashboard" button will also dismiss the CTA from the
* course dashboard.
@@ -110,8 +110,8 @@ export default class Wizard extends React.Component {
</div>
{this.renderPage()}
<div className="wizard-footer justify-content-end h-100 d-flex flex-column">
<button className={`wizard-button ${finalPage && 'blue'}`} onClick={this.wizardComplete} aria-label={gettext("finish later")}>{finalPage ? gettext("Return to my dashboard") : gettext("Finish later")}</button>
<button className="wizard-button blue" hidden={finalPage} onClick={this.handleNext} aria-label={gettext("next page")}>{gettext("Next")}</button>
<button className={`wizard-button ${finalPage && 'colored'}`} onClick={this.wizardComplete} aria-label={gettext("finish later")}>{finalPage ? gettext("Return to my dashboard") : gettext("Finish later")}</button>
<button className="wizard-button colored" hidden={finalPage} onClick={this.handleNext} aria-label={gettext("next page")}>{gettext("Next")}</button>
</div>
</div>
);

View File

@@ -81,7 +81,7 @@
margin: 5px 0 5px 0;
box-shadow: none;
&.blue {
&.colored {
background-color: #23419f;
color: #ffffff;
border: none;
@@ -204,7 +204,7 @@
}
}
}
.side-container {
.wrapper-coaching {
border: 1px solid $gray-500;