Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

style(input): Fixes extra outlines when places inside form-field #1294

Merged

Conversation

bartoszbobin
Copy link
Contributor

Bugfix (non-breaking change which fixes an issue)

Fixes #999

Before fix:
https://barista.dynatrace.com/components/form-field#prefix-and-suffix

After fix:
barista-form-field-no-nested-outlines

Checklist

  • I have read the CONTRIBUTING doc and I follow the PR guidelines
  • Lint and unit tests pass locally with my changes

Copy link
Collaborator

@ffriedl89 ffriedl89 left a comment

Choose a reason for hiding this comment

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

Thx a lot @bartoszbobin you are on 🔥 . So many contributions coming in.
We really appreciate it.

@@ -56,6 +56,12 @@
}
}

.dt-focused {
Copy link
Collaborator

Choose a reason for hiding this comment

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

This might be a bit dangerous, I'd suggest adding a .dt-form-field selector here as well.

Suggested change
.dt-focused {
.dt-form-field.dt-focused {

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Wasn't sure if dtInput should be aware of dt-form-field.
Maybe this should be placed in dt-form-field styles?

What do you think @ffriedl89 ?

Copy link
Collaborator

Choose a reason for hiding this comment

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

Yeah i agree, it makes sense to include those styles in the form-field.scss instead.

Copy link
Collaborator

@ffriedl89 ffriedl89 left a comment

Choose a reason for hiding this comment

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

Oh i pressed the wrong button, meant to request changes here.

tomheller
tomheller previously approved these changes Jul 16, 2020
Copy link
Collaborator

@tomheller tomheller 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 to me. Thank you @bartoszbobin 💯 for all these contributions. You are on 🔥

@thomaspink
Copy link
Contributor

Wow so many contributions. Holy moly. Looks good to me!

Just on minor thing, please change the type of your commit message from style to fix.
Because the type style is not intended for the styling of a component. It's there for the code style itself. For reference see: https://barista.dynatrace.com/components/contribute#type

style: Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)

thomaspink
thomaspink previously approved these changes Jul 16, 2020
@thomaspink thomaspink added the pr: needs-rebase This PR needs rebasing label Jul 16, 2020
Fixes dynatrace-oss#999

- added new example in dev app

Signed-off-by: Bartosz Bobin <bartosz.bobin@dynatrace.com>
@bartoszbobin bartoszbobin dismissed stale reviews from thomaspink and tomheller via 920352a July 16, 2020 15:24
@thomaspink thomaspink removed the pr: needs-rebase This PR needs rebasing label Jul 17, 2020
@thomaspink thomaspink self-requested a review July 17, 2020 08:05
@tomheller tomheller added pr: needs-cherry-pick When a pull request needs manual cherry picking target: minor This PR is targeted for the next minor release target: patch This PR is targeted for the next patch release labels Jul 17, 2020
@ffriedl89 ffriedl89 merged commit cde214f into dynatrace-oss:master Jul 20, 2020
@ffriedl89
Copy link
Collaborator

cherry-pick done

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
pr: needs-cherry-pick When a pull request needs manual cherry picking target: minor This PR is targeted for the next minor release target: patch This PR is targeted for the next patch release
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Formfield]: Focus management and outlines are weird
4 participants