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

fix: style updates #162

Merged
merged 1 commit into from
Oct 7, 2021
Merged

fix: style updates #162

merged 1 commit into from
Oct 7, 2021

Conversation

DawoudSheraz
Copy link
Contributor

PROD-2535

Description

  • Use smaller text size across tables
  • Consistent margin for account action buttons

Other updates mentioned on PROD-2535 have been done in other PRs. While running on Safari, I didn't notice any style discrepancy, except the Account info table's rows border not going till the end.

@codecov
Copy link

codecov bot commented Oct 6, 2021

Codecov Report

Merging #162 (f9630d1) into master (b136c81) will not change coverage.
The diff coverage is n/a.

Impacted file tree graph

@@           Coverage Diff           @@
##           master     #162   +/-   ##
=======================================
  Coverage   87.09%   87.09%           
=======================================
  Files          87       87           
  Lines        1712     1712           
  Branches      326      326           
=======================================
  Hits         1491     1491           
  Misses        211      211           
  Partials       10       10           
Impacted Files Coverage Δ
src/users/account-actions/v2/PasswordHistory.jsx 100.00% <ø> (ø)
src/users/account-actions/v2/ResetPassword.jsx 100.00% <ø> (ø)
.../users/account-actions/v2/TogglePasswordStatus.jsx 100.00% <ø> (ø)

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update b136c81...f9630d1. Read the comment docs.

@DawoudSheraz DawoudSheraz added the hacktoberfest-accepted Issue accepted for hacktoberfest participants label Oct 7, 2021
Copy link
Contributor

@Ali-D-Akbar Ali-D-Akbar left a comment

Choose a reason for hiding this comment

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

Just a suggestion on the margin stuff. The rest looks good.

onClick={() => openHistoryModal()}
className="ml-1 my-2"
Copy link
Contributor

Choose a reason for hiding this comment

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

I think going for mr-1 mb-2 instead would be better for all the buttons. This way, it won't move the button from left and upwards.

onClick={() => setResetPasswordModalIsOpen(true)}
className="ml-1 my-2"
Copy link
Contributor

Choose a reason for hiding this comment

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

Same for this as well.

@@ -29,6 +29,7 @@ export default function TogglePasswordStatus({
id="toggle-password"
variant={`${passwordStatus.status === PASSWORD_STATUS.USABLE ? 'danger' : 'primary'}`}
onClick={() => setDisableUserModalIsOpen(true)}
className="ml-1 my-2"
Copy link
Contributor

Choose a reason for hiding this comment

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

Also this one as well.

@DawoudSheraz DawoudSheraz merged commit 6a14dea into master Oct 7, 2021
@DawoudSheraz DawoudSheraz deleted the dsheraz/PROD-2535 branch October 7, 2021 15:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
hacktoberfest-accepted Issue accepted for hacktoberfest participants
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants