Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Alert & Button done #2

Merged
merged 4 commits into from
Jan 29, 2022
Merged

Alert & Button done #2

merged 4 commits into from
Jan 29, 2022

Conversation

maitrakhatri
Copy link
Owner

Please review the alert and button components

Screenshot 2022-01-29 at 12-38-47 alert

image

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Button</title>
<link rel="stylesheet" href="button.css">
<style>

Choose a reason for hiding this comment

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

Please avoid internal styles

Copy link
Owner Author

Choose a reason for hiding this comment

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

yeah that was only for display purposes, it does not affect the component

}
.btn-hover.btn-outline-success:hover {
background-color: var(--success);
color: white;

Choose a reason for hiding this comment

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

Instead of writing 'color:white' in individual classes, you can write in one line by calling all classnames separated with commas

Choose a reason for hiding this comment

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

or you can add all the colors in main class(root)

Copy link
Owner Author

Choose a reason for hiding this comment

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

thanks, I'll do that

Copy link
Owner Author

Choose a reason for hiding this comment

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

Instead of writing 'color:white' in individual classes, you can write in one line by calling all classnames separated with commas

DONE

</div>

<div>
<button class="btn btn-secondary"><img src="download_white_24dp.svg" alt=""></button>

Choose a reason for hiding this comment

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

Please provide alt value for accessibility.

Copy link
Owner Author

Choose a reason for hiding this comment

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

yes, thank you !

Copy link
Owner Author

Choose a reason for hiding this comment

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

Please provide alt value for accessibility.

DONE

Copy link

@ranitasahaa1230 ranitasahaa1230 left a comment

Choose a reason for hiding this comment

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

Looks good!

specified white font color for the entire class, gave alt text
Copy link

@anupkgurung anupkgurung left a comment

Choose a reason for hiding this comment

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

seems good !!

Copy link

@Naveenchandar Naveenchandar left a comment

Choose a reason for hiding this comment

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

Looks good

@maitrakhatri maitrakhatri merged commit 7f5397a into dev Jan 29, 2022
@maitrakhatri maitrakhatri deleted the alert-button branch January 29, 2022 13:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants