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

Badge does not display correctly on a button in the toolbar #846

Closed
xotion opened this issue Jun 29, 2017 · 2 comments
Closed

Badge does not display correctly on a button in the toolbar #846

xotion opened this issue Jun 29, 2017 · 2 comments
Labels
T: bug Functionality that does not work as intended/expected

Comments

@xotion
Copy link

xotion commented Jun 29, 2017

Badge does not display correctly on a button in the toolbar even applying the class 'show-overflow' to the button

Steps to reproduce

In a v-toolbar fixed insert a v-btn on this v-btn insert an v-icon finally to the v-icon place the property v-badged, the v-badged is hidden by the v-btn layer.

<v-toolbar fixed>
  <v-btn icon light>
    <v-icon v-badge="{ value: '99', overlap: true }" class="red--after">notifications</v-icon>
  </v-btn>
</v-toolbar>

Versions

Vue 2.3.4
Vuetify 0.12.7

What is expected ?

Show the badge over the button in a toolbar.

What is actually happening ?

Badge does not display correctly on a button whit icon in a toolbar.
Badge is hidden by the button layer.

Reproduction Link

https://codepen.io/xotion/pen/eRVzZd

@johnleider
Copy link
Member

I did ask you to put this here, but please adhere to the guidelines for posting. You should be provided with a boilerplate template for issues when you attempt to create one. The structure is there for a reason. Can you please update this?

@johnleider johnleider added the T: bug Functionality that does not work as intended/expected label Jun 29, 2017
@xotion
Copy link
Author

xotion commented Jun 29, 2017

Updated, sorry for that my english is not good and was my first post on github thanks

johnleider added a commit that referenced this issue Jul 6, 2017
@lock lock bot locked as resolved and limited conversation to collaborators Oct 5, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

No branches or pull requests

2 participants