MICROBA-734 Rename specific color (#25671)
This commit is contained in:
@@ -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>
|
||||
);
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user