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

2058 status page redesign #2096

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open

Conversation

MartinJurcoGlina
Copy link
Collaborator

@MartinJurcoGlina MartinJurcoGlina commented Nov 13, 2024

Checklist

  • I have followed (at least) the PR section of the contributing guide.
  • I fixed all necessary PR warnings
  • The commit history is clean
  • The E2E tests are passing
  • If possible, the issue has been divided into more subtasks
  • I did a self review before requesting a review from another team member

Description

  • redesigned service status page

How to test

  1. run app and go to Service Status page, check that it looks like in new designs in user story

Closes #2058

Copy link

github-actions bot commented Nov 13, 2024

Warnings
⚠️ No CHANGELOG added.
⚠️ There were changes in the frontend, but no E2E-test was added or modified!

Generated by 🚫 dangerJS against 0d98ca7

@openkfwCI
Copy link

openkfwCI commented Nov 13, 2024

NotesTime
Note for Reviewer: E2E tests on pipeline 60858 on remote server succeededThu, 14 Nov 2024 16:59:50 +0000

Generated by E2E-Test

<Chip
label="N/A"
sx={{
backgroundColor: "rgba(23, 68, 229, 0.1)",
Copy link
Collaborator

Choose a reason for hiding this comment

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

here I would suggest to insert both colors in the theme.js I already did that for my task and I named them like this: primaryBlue: alpha("#1744e51a", 0.1), darkGrey: "#3f434d". Then you can use sx={(theme) => ({ backgroundColor: theme.palette.primaryBlue, color: theme.palette.darkGrey })}

<Chip
label={strings.status.connected}
sx={{
backgroundColor: "rgba(23, 68, 229, 0.1)",
Copy link
Collaborator

Choose a reason for hiding this comment

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

same as comment before

font-size: 0.75rem;
line-height: 1.05rem;
vertical-align: top;
border-bottom: 1px solid rgba(63, 67, 77, 0.1);
Copy link
Collaborator

Choose a reason for hiding this comment

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

I would use separate border-color and add it like this: border-color: var(--mui-palette-menuBorder) and in theme it is menuBorder: alpha("#3f434d1a", 0.1),

font-weight: 400;
font-size: 0.875rem;
line-height: 1.269rem;
border-bottom: 1px solid rgba(63, 67, 77, 0.1);
Copy link
Collaborator

Choose a reason for hiding this comment

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

same as previous comment

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.

UI: New design for Service status
3 participants