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
Adr2/update report html UI #506
Adr2/update report html UI #506
Conversation
update report classes following BEMCSS pattern close unclosed html tags
UI details include: 1. add Gotham Font Family; 2. Variables CSS with colors; 2.1. Update red color to use: #f14668; 2.2. Update green color to use: #48c78e; 3. Add visual wrapper to following areas: request content, request response and request test; 4. New endpoint status UI;
Hey, @GitVitor, thank you very much for the PR 🙌 I run the branch on my local machine and tested it using Chrome, Firefox, and Safari. I made a circle in the improvements points I found. In Safari, there is some information missing, for example. There are other small issues related to alignment, space... Let me know what do you think! ChromeVersion 93.0.4577.63 (Official Build) (x86_64) Firefox91.0 (64-bit) SafariVersion 14.1.2 (16611.3.10.1.6) |
@GitVitor hey 👋🏾 are you still working on this ? |
Hello folks, sorry i was busy in last month. I will work on this in next days. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hey 👋
I noticed the Gotham Font change is the reason why layout is braking.
Maybe we could merge without changing the font for now?
* update report summary test location update report classes following BEMCSS pattern close unclosed html tags * feat: add new UI details to report HTML UI details include: 1. add Gotham Font Family; 2. Variables CSS with colors; 2.1. Update red color to use: #f14668; 2.2. Update green color to use: #48c78e; 3. Add visual wrapper; 4. New endpoint status UI; * fix: revert font change * Update CHANGELOG.md * Update CHANGELOG.md Co-authored-by: Alexandra Monteiro Stenstrasser <astenstrasser@gmail.com>
Description
UI change:
1. add Gotham Font Family;
2. Variables CSS with colors;
2.1. Update red color to use: #f14668;
2.2. Update green color to use: #48c78e;
3. Add visual wrapper to following areas: request content, request response and request test;
4. New endpoint status UI;
Motivation behind this PR?
Following recent discussions on #161 we decide to implement new details to help users on visualize related request data.
What type of change is this?
Feature
Checklist
Issue
#161