Skip to content

Commit

Permalink
fix(VListItem): vertical alignment on IE11 (#10717)
Browse files Browse the repository at this point in the history
fixes #10464

* fix(vlist.sass): fix menu list items on IE11

On IE11 text in menu list items was not vertically centered.

* fix(vlistitem.sass): workaround IE11 min-height in flex container

Fixed vertical text alignments in lists on IE11

* fix(vlistitem.sass): followed feedback refactor

Just applied refactoring from comment.

* fix(vlistitem.sass): pr feedback + removed unnecessary new line

Pseudoelements should you double colon + removed unnecessary new line

fix #10464
  • Loading branch information
Mikilll94 committed Mar 10, 2020
1 parent 440bea1 commit 81dfbf8
Showing 1 changed file with 8 additions and 0 deletions.
8 changes: 8 additions & 0 deletions packages/vuetify/src/components/VList/VListItem.sass
Original file line number Diff line number Diff line change
Expand Up @@ -40,6 +40,14 @@
&--selectable
user-select: auto

// Fix for IE11 where min-height does not work with
// align-items: center in flex containers
// https://github.com/philipwalton/flexbugs/issues/231
&::after
content: ''
min-height: inherit
font-size: 0

// Element
.v-list-item__action
align-self: center
Expand Down

0 comments on commit 81dfbf8

Please sign in to comment.