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

[Bug Report] Incorrect icons vertical align in two-line list group #8340

Closed
Darkside73 opened this issue Aug 7, 2019 · 1 comment
Closed
Assignees
Labels
C: VListGroup VListGroup T: bug Functionality that does not work as intended/expected
Milestone

Comments

@Darkside73
Copy link
Contributor

Environment

Vuetify Version: 2.0.5
Vue Version: 2.6.10
Browsers: Chrome 76.0.3809.87
OS: Linux x86_64

Steps to reproduce

Open reproduction link

Expected Behavior

Prepend icon and chevron-down icon are vertical aligned to the center

Actual Behavior

Prepend icon and chevron-down icon are vertical aligned to the top

Reproduction Link

https://codepen.io/anon/pen/wVyKgw

Other comments

VListGroup missed two-line prop

@ghost ghost added the S: triage label Aug 7, 2019
@johnleider johnleider self-assigned this Aug 7, 2019
@johnleider
Copy link
Member

The prepend-icon is not supposed to be center aligned per spec: https://material.io/design/components/lists.html#specs

The only reason it is in your first example is that you are using v-list-item-action instead of v-list-item-icon.

@johnleider johnleider added C: VListGroup VListGroup T: bug Functionality that does not work as intended/expected and removed S: triage labels Aug 7, 2019
@johnleider johnleider added this to the v2.0.x milestone Aug 7, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VListGroup VListGroup T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

No branches or pull requests

2 participants