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

Another fixer PR #1188

Merged
merged 10 commits into from
Sep 13, 2018
Merged

Another fixer PR #1188

merged 10 commits into from
Sep 13, 2018

Conversation

cchaos
Copy link
Contributor

@cchaos cchaos commented Sep 12, 2018

A couple of fixes in here

1. Add background to readOnly inputs

fixes #1129

screen shot 2018-09-12 at 18 50 47 pm

screen shot 2018-09-12 at 18 57 39 pm

2. Modal sizing fixes

  • Added maxWidth to EuiConfirmModal prop docs
  • Allowing EuiConfirmModal to grow
  • Adding TS def for maxWidth
  • Fixing responsive widths

3. Tag icon

fixes #1151

screen shot 2018-09-12 at 17 50 17 pm

4. Fixed bottom bar layout in IE

fixes #983

screen shot 2018-09-12 at 18 59 23 pm

5. Prevent comments from SASS invisibles files making their way into compiled css

  • And moved animations to a utiltiy file so they only get compiled once

Checklist

  • This was checked in mobile
  • This was checked in IE11
  • This was checked in dark mode
  • Any props added have proper autodocs
  • Documentation examples were added
  • A changelog entry exists and is marked appropriately
  • This was checked for breaking changes and labeled appropriately
  • Jest tests were updated or added to match the most common scenarios
    - [ ] This was checked against keyboard-only and screenreader scenarios

cchaos added 5 commits September 12, 2018 14:18
- Added `maxWidth` to confirm modal prop docs
- Allowing confirm modals to grow
- Adding TS def for `maxWidth`
- Fixing responsive widths
…led css

- And moving animations to a utiltiy file so they only get compiled once
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.

Looks good. Code review. Minor comments.

@@ -40,20 +40,20 @@ export default class extends Component {
<EuiFlexGroup justifyContent="spaceBetween">
<EuiFlexItem grow={false}>
<EuiFlexGroup gutterSize="s">
<EuiFlexItem>
<EuiFlexItem grow={false}>
Copy link
Contributor

Choose a reason for hiding this comment

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

How did we miss this when we looked at it. Nice.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Because that's not how that should actually behave. IE sucks at nested flexes.

@@ -30,8 +30,7 @@
}

.euiModal--confirmation {
width: 450px;
min-width: auto;
min-width: 450px;
Copy link
Contributor

Choose a reason for hiding this comment

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

Dunno if it's worthwhile, but I used the euiFormMaxWidth for this for the base. Do we need this one to be larger? Prolly ok to just remove the width setting alone?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Definitely need the min-width, but sure I can change it to be the variable.

@@ -0,0 +1,42 @@
// Animations as utility so they don't get duplicated in compiled CSS
Copy link
Contributor

Choose a reason for hiding this comment

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

The hero we need.

Copy link
Contributor

@chandlerprall chandlerprall left a comment

Choose a reason for hiding this comment

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

LGTM, code review

@bevacqua
Copy link
Contributor

Background to readonly inputs: THANK YOU!

@cchaos cchaos merged commit 3982a19 into elastic:master Sep 13, 2018
@cchaos cchaos deleted the readonly branch September 13, 2018 21:04
@w33ble
Copy link
Contributor

w33ble commented Sep 18, 2018

Background to readonly inputs: THANK YOU!

🍾

@w33ble
Copy link
Contributor

w33ble commented Sep 18, 2018

@cchaos Does something need to happen with the docs site? Or maybe this is still pending a release...

https://elastic.github.io/eui/#/forms/form-controls:

screenshot 2018-09-18 13 18 08

@cchaos
Copy link
Contributor Author

cchaos commented Sep 18, 2018

@w33ble Yeah it hasn't been released yet. It's just in Master.

@snide snide mentioned this pull request Oct 3, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
5 participants