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

[Embeddables] Time range per panel design fixes #46630

Merged
merged 4 commits into from
Sep 28, 2019

Conversation

cchaos
Copy link
Contributor

@cchaos cchaos commented Sep 25, 2019

These fixes were originally created to support #39937 & #43153 but never got merged in.

1. Fixed loading icon which should have been centered

2. Fixed spacing of the modal's footer buttons

3. Fixed issues with the time badge being pushed out of view of skinny panels

4. Fixed placement of the description indicator

It used to come after the badge so it would also get push out of view. Now I put it between the text and the time badge but the text still truncates leaving the description icon always in view stuck to the right of the panel.

Checklist

Use strikethroughs to remove checklist items you don't feel are applicable to this PR.

@cchaos cchaos added Feature:Dashboard Dashboard related features Feature:Embedding Embedding content via iFrame v8.0.0 Team:AppArch v7.5.0 labels Sep 25, 2019
@cchaos cchaos requested a review from a team as a code owner September 25, 2019 19:41
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-app-arch

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@cchaos cchaos requested a review from a team September 26, 2019 02:24
@cchaos cchaos force-pushed the time-range-per-panel-design-fix branch from 07f035f to b0e4cb4 Compare September 27, 2019 15:32
@elasticmachine
Copy link
Contributor

💚 Build Succeeded

Copy link
Contributor

@snide snide left a comment

Choose a reason for hiding this comment

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

LGTM

@streamich
Copy link
Contributor

While we are at it, maybe we can align date picker to the right.

image

@streamich
Copy link
Contributor

It seems padding between time range and the top border disappears when there is no text:

image

Copy link
Contributor

@streamich streamich left a comment

Choose a reason for hiding this comment

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

LGTM, checked on Mac/Chrome.

@cchaos
Copy link
Contributor Author

cchaos commented Sep 27, 2019

Thanks @streamich, good catch on the padding. I'll get that fixed.

@cchaos
Copy link
Contributor Author

cchaos commented Sep 27, 2019

Fixed alignment.

Screen Shot 2019-09-27 at 18 02 27 PM

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@cchaos cchaos merged commit e85cb71 into elastic:master Sep 28, 2019
@cchaos cchaos deleted the time-range-per-panel-design-fix branch September 28, 2019 00:50
cchaos added a commit that referenced this pull request Sep 28, 2019
* Fix loading state
* Fix modal’s footer button spacing
* Better alignments of the panel header contents
* Fix alignment of badge if title doesn’t exist
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature:Dashboard Dashboard related features Feature:Embedding Embedding content via iFrame release_note:fix v7.5.0 v8.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants