diff --git a/src/components/Header.vue b/src/components/Header.vue index d6e89b7aa55d3ef2d4a921436baca28a1204312b..26b3c7a40a893192d90673ac7704cbe5b3c94306 100644 --- a/src/components/Header.vue +++ b/src/components/Header.vue @@ -50,14 +50,21 @@ </span> <span v-if="$parent.collapsed && $parent.snippet && $parent.has_content" class="definition_snippet"> <span class="diamond" v-if="group_list.length"> â– </span>{{$parent.snippet}} - </span> <span v-if="$parent.collapsable" > - <v-btn class="expand_icon" - :title="$parent.collapsed? 'Vis mer' : 'Kollaps'" - :aria-label="$parent.collapsed? 'Vis mer' : 'Kollaps'" + </span> + <span v-if="$parent.collapsable" > + <v-btn class="expand_icon" v-if="$parent.collapsed" text - small - @click="$parent.collapsed=!$parent.collapsed"> - <v-icon small>{{$parent.collapsed ? 'expand_more': 'expand_less'}}</v-icon></v-btn></span> + x-small + @click="$parent.collapsed=false"> + Vis mer + <v-icon small right>expand_more</v-icon></v-btn> + <v-btn class="expand_icon" v-else + text + x-small + @click="$parent.collapsed=true"> + <v-icon small>expand_less</v-icon></v-btn> + + </span> </div> </template>