-
-
Notifications
You must be signed in to change notification settings - Fork 330
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
[Label] Content in floating labels should not wrap whitespace #404
[Label] Content in floating labels should not wrap whitespace #404
Conversation
…so centered to the top right corner
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
I also prepared more enhancements by introducing: .ui.left.floating.label {}
.ui.left.aligned.floating.label {}
.ui.right.aligned.floating.label {} Should i commit this here or submit a new PR (which will depend on merging this one first) ? |
@lubber-de separate PR. |
OK, will do right after this one has been merged |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
As announced in #404 (comment) this PR adds the possibility to align a floating label to the left or right. This is especially useful if the label has got larger content, so it is getting more clear where the label belongs to
Description
If a
floating label
had whitespace inside, especially when including icons, it did not stay inline. This happens for every whitespace.To make it still look consistent even if the label content is a bit larger, i also made the label centered to the top right corner of the parent element,
Testcase
http://jsfiddle.net/k1qp7dgv/3/
Remove CSS to see the issue
Screenshot
Before
After
Closes
Semantic-Org/Semantic-UI#4217
Semantic-Org/Semantic-UI#4155