[Vuejs]-Vuetify: align the head of an expansion panel to the right

by

0👍

✅

There was this line of CSS somewhere overriding my own CSS.

.v-expansion-panel__header > .v-expansion-panel__header__icon {
  flex: 1 1 auto !important;
}

Deleting it solved the problem.

👤ikoj

0👍

Important: It seems like your expansion panel is not getting full width

This is what you are looking for:

<div slot="header">
  <v-layout row>
    <v-flex xs8>
      Item
    </v-flex>
    <v-flex xs4 text-xs-right>
      Item
    </v-flex>
  </v-layout>
</div>

Working example: https://codepen.io/anon/pen/vbVxaa

👤Gerhard Presser

Leave a comment