We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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
Currently, badges are always pulled to the right in a collapsible.
It would be great to have an option (a class to add ?) to have it next to the text instead.
materialize/dist/css/materialize.css
Line 3238 in 2bfba64
Example in a collapsible-header
collapsible-header
<div class="collapsible-header"> <i class="material-icons">chat_bubble_outline</i>Notes <span class="badge teal white-text">{{ member.notes | length }}</span> </div>
I added some extra style to have this behavior
<div class="collapsible-header"> <i class="material-icons">chat_bubble_outline</i>Notes <span class="badge teal white-text" style="margin-left:14px;">{{ member.notes | length }}</span> </div>
Not really sure what the ideal solution could be
left
margin-left: auto
right
Thanks 🙏
The text was updated successfully, but these errors were encountered:
No branches or pull requests
Before submitting...
Context
Currently, badges are always pulled to the right in a collapsible.
It would be great to have an option (a class to add ?) to have it next to the text instead.
materialize/dist/css/materialize.css
Line 3238 in 2bfba64
Current Behavior
Example in a
collapsible-header
Expected behavior
I added some extra style to have this behavior
Possible Solutions or Causes
Not really sure what the ideal solution could be
left
class that disables themargin-left: auto
?right
class that adds themargin-left: auto
?Thanks 🙏
Your Environment
The text was updated successfully, but these errors were encountered: