Skip to content

Commit

Permalink
fix(v-list): fixed spacing in mini drawer
Browse files Browse the repository at this point in the history
when using a `v-list` inside of a `v-navigation-drawer` with the **mini-variant** prop, the
`v-list-group`'s icon was not being properly aligned

fixes #2746
  • Loading branch information
johnleider committed Dec 12, 2017
1 parent 77dbf9f commit a45089a
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 4 deletions.
6 changes: 2 additions & 4 deletions src/stylus/components/_lists.styl
Original file line number Diff line number Diff line change
Expand Up @@ -35,9 +35,6 @@ theme(list, "list")
list-style-type: none
padding: $list-top-padding 0 $list-bottom-padding
transition: height .3s $transition.fast-out-slow-in

li:not(.subheader)
display: block

.input-group
margin: 0
Expand Down Expand Up @@ -225,6 +222,7 @@ theme(list, "list")
align-items: center
cursor: pointer
display: flex
list-style-type: none

> li:not(.list__group__header__prepend-icon):not(.list__group__header__append-icon)
flex: 1 0 auto
Expand Down Expand Up @@ -277,4 +275,4 @@ theme(list, "list")
pointer-events: none

&--subheader
padding-top: 0
padding-top: 0
5 changes: 5 additions & 0 deletions src/stylus/components/_navigation-drawer.styl
Original file line number Diff line number Diff line change
Expand Up @@ -60,6 +60,11 @@ theme(navigation-drawer, "navigation-drawer")

&--mini-variant
overflow: hidden

.list__group__header__prepend-icon
flex: 1 0 auto
justify-content: center
width: 100%

.list__tile__action,
.list__tile__avatar
Expand Down

0 comments on commit a45089a

Please sign in to comment.