diff --git a/src/components/Header.vue b/src/components/Header.vue index 525300e17044d7f65fbdb63e5d1e309c5828f290..c3bc855d1a0f3220f0af046cfb95531b2471c205 100644 --- a/src/components/Header.vue +++ b/src/components/Header.vue @@ -2,25 +2,49 @@ <template> <div class = "header"> <h2> - <router-link tabindex="0" :id="title_id" :to="$parent.link_to_self.ref" @click.native="$parent.details_click($parent.link_to_self)" v-bind:class="{'long_lemma': long_lemma}" class="article_header"> - <span v-for="(lemma, index) in lemmas" :key="index">{{lemma.lemma}}<span :aria-label="hgno_arabic" class="hgno" v-if="hgno(lemma)">{{" "+hgno(lemma)}}</span><span class="title_comma" v-if="lemmas[1] && index < lemmas.length-1">{{", "}}</span> + <router-link tabindex="0" + :id="title_id" + :to="$parent.link_to_self.ref" + @click.native="$parent.details_click($parent.link_to_self)" + v-bind:class="{'long_lemma': long_lemma}" + class="article_header"> + <span v-for="(lemma, index) in lemmas" + :key="index">{{lemma.lemma}}<!-- + --><span :aria-label="hgno_arabic" + class="hgno" + v-if="hgno(lemma)">{{" "+hgno(lemma)}}</span><span + class="title_comma" + v-if="lemmas[1] && index < lemmas.length-1">{{", "}} + </span> </span> </router-link></h2> <span class="dict-label">{{dict_label}}</span> - <h2 class="secondary_header" v-if="secondary_header_text.length">{{secondary_header_text}}</h2> - <span class="header_group_list" v-if="group_list.length">{{group_list}}</span> + <h2 class="secondary_header" + v-if="secondary_header_text.length">{{secondary_header_text}}</h2> + <span class="header_group_list" + v-if="group_list.length">{{group_list}}</span> <span v-if="$store.state.showInflectionNo">{{inflection_classes}}</span> <span v-if="split_inf"> (kløyvd infinitiv: <em>-a</em> - <v-menu tile v-model="menu" offset-x max-width="200px"> + <v-menu tile + v-model="menu" + offset-x max-width="200px"> <template v-slot:activator="{ on, attrs }"> - <v-btn aria-label="Mer informasjon om kløyvd infinitiv" x-small icon v-on="on" v-bind="attrs" class="info-button"> - <v-icon color="primary" size="14px">$vuetify.icons.value.info</v-icon> + <v-btn aria-label="Mer informasjon om kløyvd infinitiv" + x-small + icon + v-on="on" + v-bind="attrs" + class="info-button"> + <v-icon color="primary" + size="14px">$vuetify.icons.value.info</v-icon> </v-btn> </template> - <v-card tile class="info-card"> + <v-card tile + class="info-card"> Dersom du bruker kløyvd infinitiv, skal dette verbet ha <em>-a</em> i infinitiv. Les meir - <a target="_blank" href="https://www.sprakradet.no/svardatabase/sporsmal-og-svar/kloyvd-infinitiv-/">her</a>. + <a target="_blank" + href="https://www.sprakradet.no/svardatabase/sporsmal-og-svar/kloyvd-infinitiv-/">her</a>. </v-card> </v-menu>) </span> @@ -29,7 +53,6 @@ </span> <span v-if="$parent.collapsable" > <v-btn class="expand_icon" :title="$parent.collapsed? 'Vis mer' : 'Kollaps'" - text small @click="$parent.collapsed=!$parent.collapsed">