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

[uptime] Adjust the theme colors for uptime monitors browser screenshot labels. #115543

Conversation

awahab07
Copy link
Contributor

@awahab07 awahab07 commented Oct 19, 2021

Summary

This fixes up the text color contrast issue (reported in #96122) and other small alignment adjustments, on the footer of journey step screenshot popover in Observability -> Uptime -> (Browser) Monitor.

Before

Amsterdam Dark Amsterdam Light
96122-Label-Before-Dark 96122-Label-Before-Light

After

Amsterdam Dark Amsterdam Light
96122-Label-After-Dark 96122-Label-After-Light

Checklist

Delete any items that are not applicable to this PR.

For maintainers

@awahab07
Copy link
Contributor Author

@elasticmachine merge upstream

@kibanamachine
Copy link
Contributor

💚 Build Succeeded

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
uptime 571.1KB 571.2KB +86.0B

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

…and alignment for timestamp screenshot popup over footer.

elastic#96122
@shahzad31
Copy link
Contributor

@elasticmachine merge upstream

@kibanamachine
Copy link
Contributor

💚 Build Succeeded

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id before after diff
uptime 669 670 +1

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
uptime 578.5KB 579.1KB +588.0B

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

@awahab07 awahab07 marked this pull request as ready for review October 21, 2021 10:12
@awahab07 awahab07 requested a review from a team as a code owner October 21, 2021 10:12
@awahab07 awahab07 added release_note:fix v7.16.0 v8.0.0 auto-backport Deprecated - use backport:version if exact versions are needed Team:Uptime - DEPRECATED Synthetics & RUM sub-team of Application Observability labels Oct 21, 2021
@elasticmachine
Copy link
Contributor

Pinging @elastic/uptime (Team:uptime)

Copy link
Contributor

@shahzad31 shahzad31 left a comment

Choose a reason for hiding this comment

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

LGTM !!

  • Text color is fixed
  • Text centering is also fixed, earlier it was weird compared to above row

Great job on adding the useBreakpoints hook, i am looking forward to making use of it in other code places.

@awahab07 awahab07 merged commit d561cc3 into elastic:master Oct 21, 2021
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Oct 21, 2021
…ot labels. (elastic#115543)

* Add useBreakpoints reactive hook for uptime. Adjusted color/contrast and alignment for timestamp screenshot popup footer.

elastic#96122
@kibanamachine
Copy link
Contributor

💚 Backport successful

Status Branch Result
7.16

This backport PR will be merged automatically after passing CI.

kibanamachine added a commit that referenced this pull request Oct 21, 2021
…ot labels. (#115543) (#115938)

* Add useBreakpoints reactive hook for uptime. Adjusted color/contrast and alignment for timestamp screenshot popup footer.

#96122

Co-authored-by: Abdul Wahab Zahid <awahab07@yahoo.com>
shivindera pushed a commit to shivindera/kibana that referenced this pull request Oct 25, 2021
…ot labels. (elastic#115543)

* Add useBreakpoints reactive hook for uptime. Adjusted color/contrast and alignment for timestamp screenshot popup footer.

elastic#96122
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
auto-backport Deprecated - use backport:version if exact versions are needed polish release_note:fix Team:Uptime - DEPRECATED Synthetics & RUM sub-team of Application Observability v7.16.0 v8.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants