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

feat: add internal label to switch component #777

Merged
merged 4 commits into from Mar 17, 2020

Conversation

JKMarkowski
Copy link
Contributor

@JKMarkowski JKMarkowski commented Mar 13, 2020

Related Issue

Closes #664

Description

There are some cleanups with switch component. We had &__text leftover. Now this element should be used outside of the switch.
Focus stays only for switch, even if text is there
image

&__icon element is standalone, it doesn't need &__text anymore.
There is also 1 test added with switch + text and 1 section example with switch + text.

I changed also left/right css properties to transform: translate(x,y). Thanks to this component is better interpreted by browsers and is not very dependent on relative parent. Also this approach is much cleaner and easier to maintain.

Tested on IE11

Screenshots

NOTE: If you've made any style changes, please provide appropriate screenshots (before and after) to help reviewers.

To see examples of which screenshots to include, go to Screenshot Examples.

Before:

After:

image

@netlify
Copy link

netlify bot commented Mar 13, 2020

Deploy preview for fundamental-styles ready!

Built with commit 66930d9

https://deploy-preview-777--fundamental-styles.netlify.com

@droshev droshev requested a review from jbadan March 13, 2020 23:55
@droshev droshev added the Fiori 3 refactoring match Fiori 3 requirements label Mar 13, 2020
@droshev droshev added this to the Sprint 32 - Miami milestone Mar 13, 2020
@droshev droshev requested a review from a team March 13, 2020 23:55
@InnaAtanasova
Copy link
Contributor

Could you please add more meaningful title for the PR? Thank you :)

@rengare rengare added this to PRs Reviewer approved in Development via automation Mar 16, 2020
@JKMarkowski JKMarkowski changed the title feat: switch fiori3 adapt [Decision Await - WIP]feat: switch fiori3 adapt Mar 16, 2020
@JKMarkowski JKMarkowski changed the title [Decision Await - WIP]feat: switch fiori3 adapt [Decision Await - WIP]feat: add internal label to switch component Mar 16, 2020
Copy link
Contributor

@InnaAtanasova InnaAtanasova left a comment

Choose a reason for hiding this comment

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

Looks great!

@JKMarkowski JKMarkowski changed the title [Decision Await - WIP]feat: add internal label to switch component feat: add internal label to switch component Mar 17, 2020
@JKMarkowski JKMarkowski merged commit c0e5c1a into master Mar 17, 2020
Development automation moved this from PRs Reviewer approved to Done Mar 17, 2020
@JKMarkowski JKMarkowski deleted the feat/switch-fiori3-adapt branch March 17, 2020 14:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Fiori 3 refactoring match Fiori 3 requirements
Projects
Development
  
Done
Development

Successfully merging this pull request may close these issues.

switch component latest design
4 participants