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

Add is-centered|right modifiers to .tags #1384

Merged
merged 4 commits into from
Nov 5, 2017
Merged

Add is-centered|right modifiers to .tags #1384

merged 4 commits into from
Nov 5, 2017

Conversation

timacdonald
Copy link
Contributor

@timacdonald timacdonald commented Oct 29, 2017

This is a new feature.

Proposed solution

This allows .tags .tag groups to be aligned centre and aligned right. Currently they are only aligned left.

Tradeoffs

None come to mind.

Testing Done

Currently doing this in production, works great. Also, here is a codepen I created to show the feature.

@@ -8,6 +8,16 @@ $tag-delete-margin: 1px !default
display: flex
flex-wrap: wrap
justify-content: flex-start
&.is-centered
Copy link
Owner

Choose a reason for hiding this comment

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

Can you move these after &.has-addons?

sass/elements/tag.sass Show resolved Hide resolved
sass/elements/tag.sass Show resolved Hide resolved
@jgthms
Copy link
Owner

jgthms commented Nov 5, 2017

Thanks! That's great.

@jgthms jgthms merged commit 06cebdf into jgthms:master Nov 5, 2017
jgthms pushed a commit that referenced this pull request Nov 6, 2017
* add classes

* add to changelig

* move to appropriate place

* more specific margins
@vybhavab
Copy link

Just a question but does this work? I was trying to use it in my div for tags but it doesn't seem to be pulling them to the right

@timacdonald
Copy link
Contributor Author

@vybhavb sure is, check out this Codepen for an example of it in action: https://codepen.io/timacdonald/pen/QVVoLw

@vybhavab
Copy link

@timacdonald hmm interesting. I have a div inside a panel-block. Not sure if that's what is causing it not to work but none of my tags get pushed right. Heres an example codepen: https://codepen.io/vybhavb/pen/mGGoea

@timacdonald timacdonald deleted the tags-is-centered branch September 17, 2018 10:37
@timacdonald
Copy link
Contributor Author

ahhh, yup, you'll need to throw width:100% at the tags div: https://codepen.io/timacdonald/pen/KxGwpX

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants