Skip to content

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

@github-actions
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

4 participants