Skip to content

Conversation

@alidah0
Copy link
Collaborator

@alidah0 alidah0 commented Jun 11, 2020

relates #209

  • fixed availability page style to fit all website

@alidah0 alidah0 added enhancement New feature or request awaiting review pull request need review Front End front end tasks React issues done by react applicant labels Jun 11, 2020
@alidah0 alidah0 self-assigned this Jun 11, 2020
@alidah0 alidah0 changed the title saved changes Fix Availability Page style | Applicant Side Jun 11, 2020
/>
<br />

<Typography className="label">Mobile Number</Typography>

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Another approach you could try (maybe next time) instead of having <br/> tags above every label is to give .label some margin-top in css.

<Stepper nonLinear activeStep={activeStep}>
{steps.map((label, index) => (
<Step key={label}>
<StepButton onClick={handleStep(index)}>{label}</StepButton>

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think your onClick handler won't quite work right, because what is happening is that you are calling handleStep(index) and passing its return value (which is probably undefined) as the onClick prop instead of actually passing in a function to onClick. Instead, you might need to rewrite it like this:
onClick={() => handleStep(index)}

font-size: inherit;
}

.Container_page__availability .MuiSelect-selectMenu {

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice job putting .Container_page__availability in front of each of these selectors!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

applicant awaiting review pull request need review enhancement New feature or request Front End front end tasks React issues done by react

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants