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

feat(nms): Add new style to the Login page #13403

Merged
merged 1 commit into from Aug 2, 2022
Merged

Conversation

HannaFar
Copy link
Contributor

@HannaFar HannaFar commented Jul 25, 2022

Signed-off-by: HannaFar hannafarag159@gmail.com

Summary

Add new style to the Login page

Organization portal sso enabled:

Capture d’écran 2022-07-27 à 11 09 26

Organization portal:
Capture d’écran 2022-07-27 à 11 08 56

Host portal:
Capture d’écran 2022-07-27 à 11 09 05

Test Plan

Additional Information

  • This change is backwards-breaking

@HannaFar HannaFar requested review from a team and Neudrino July 25, 2022 10:38
@pull-request-size pull-request-size bot added the size/L Denotes a Pull Request that changes 100-499 lines. label Jul 25, 2022
@github-actions
Copy link
Contributor

Thanks for opening a PR! 💯

A couple initial guidelines

Howto

  • Reviews. The "Reviewers" listed for this PR are the Magma maintainers who will shepherd it.
  • Checks. All required CI checks must pass before merge.
  • Merge. Once approved and passing CI checks, use the ready2merge label to indicate the maintainers can merge your PR.

More info

Please take a moment to read through the Magma project's

If this is your first Magma PR, also consider reading

@github-actions github-actions bot added the component: nms NMS-related issue label Jul 25, 2022
@github-actions
Copy link
Contributor

github-actions bot commented Jul 25, 2022

dp-workflow

0 tests   0 ✔️  0s ⏱️
0 suites  0 💤
0 files    0

Results for commit ae7ac95.

♻️ This comment has been updated with latest results.

@github-actions
Copy link
Contributor

github-actions bot commented Jul 25, 2022

nms-workflow

0 tests   0 ✔️  0s ⏱️
0 suites  0 💤
0 files    0

Results for commit ae7ac95.

♻️ This comment has been updated with latest results.

Copy link
Contributor

@Neudrino Neudrino left a comment

Choose a reason for hiding this comment

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

@Neudrino
Copy link
Contributor

There are several warnings in the yarn test job about certain elements not used in the correct places. E.g. alignItems, xs. A good search term for the logs is must be used on.

nms/app/views/login/LoginForm.tsx Outdated Show resolved Hide resolved
nms/app/views/login/LoginForm.tsx Outdated Show resolved Hide resolved
nms/app/views/login/LoginForm.tsx Outdated Show resolved Hide resolved
nms/app/components/FormField.tsx Show resolved Hide resolved
nms/app/views/login/LoginForm.tsx Show resolved Hide resolved
nms/app/views/login/LoginForm.tsx Outdated Show resolved Hide resolved
nms/app/views/login/LoginForm.tsx Show resolved Hide resolved
nms/app/views/login/LoginForm.tsx Outdated Show resolved Hide resolved
@@ -55,6 +55,13 @@ const useStyles = makeStyles<Theme>(theme => ({
fontWeight: 400,
marginLeft: '8px',
},
label: {
fontSize: '14px',
fontFamily: 'Inter',
Copy link
Contributor

Choose a reason for hiding this comment

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

What is that fontFamily about?

Copy link
Contributor

Choose a reason for hiding this comment

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

I looked a bit around and this is indeed a standard font that we use.
Although we typically use fontFamily: '"Inter", sans-serif',

This changes all labels across the app, but it does look better and it consistent with outer places so I'm fine with this change.

padding: '0 24px',
},
login: {
marginTop: '10%',
},
title: {
Copy link
Contributor

Choose a reason for hiding this comment

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

This should be sufficient
Screenshot 2022-07-26 at 10 13 38

Copy link
Contributor Author

Choose a reason for hiding this comment

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

it was when I used the Grid component but now I need to keep most of it

Copy link
Contributor

Choose a reason for hiding this comment

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

I see, this is because the title and subtitle are spans :|

@HannaFar HannaFar force-pushed the nms/Login branch 4 times, most recently from a089b66 to 444b135 Compare July 27, 2022 10:09
@Neudrino
Copy link
Contributor

There are several warnings in the yarn test job about certain elements not used in the correct places. E.g. alignItems, xs. A good search term for the logs is must be used on.

They still appear in the last job. 🕵️

@thmsschmitt
Copy link
Contributor

There are several warnings in the yarn test job about certain elements not used in the correct places. E.g. alignItems, xs. A good search term for the logs is must be used on.

They still appear in the last job. 🕵️

I fixed some errors that are unrelated to login here #13430

@@ -55,6 +55,13 @@ const useStyles = makeStyles<Theme>(theme => ({
fontWeight: 400,
marginLeft: '8px',
},
label: {
fontSize: '14px',
fontFamily: 'Inter',
Copy link
Contributor

Choose a reason for hiding this comment

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

I looked a bit around and this is indeed a standard font that we use.
Although we typically use fontFamily: '"Inter", sans-serif',

This changes all labels across the app, but it does look better and it consistent with outer places so I'm fine with this change.

Signed-off-by: HannaFar <hannafarag159@gmail.com>
@HannaFar HannaFar merged commit ec88794 into magma:master Aug 2, 2022
emakeev pushed a commit to emakeev/magma that referenced this pull request Aug 5, 2022
Signed-off-by: HannaFar <hannafarag159@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: nms NMS-related issue size/L Denotes a Pull Request that changes 100-499 lines.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants