Skip to content
Snippets Groups Projects
Commit 85637596 authored by Henrik Askjer's avatar Henrik Askjer
Browse files

Merge branch 'hotfix-aria-expanded' into 'prod'

add aria controls

See merge request spraksamlingane/beta.ordbok.uib.no!202
parents 96627344 40115a78
No related branches found
No related tags found
No related merge requests found
......@@ -3,11 +3,11 @@
<span :is="$vuetify.breakpoint.smAndDown ? 'div' : 'span'" class="inflection-wrapper" v-if="inflected">
<v-btn v-if="!($store.state.inflectionExpanded && $route.name)" class="show-inflection" small depressed rounded @click.native="toggle" :class="$vuetify.breakpoint.name">
<v-btn :aria-controls="'inflection-canvas'+$parent.title_id" :aria-expanded="inflection_expanded" v-if="!($store.state.inflectionExpanded && $route.name)" class="show-inflection" small depressed rounded @click.native="toggle" :class="$vuetify.breakpoint.name">
<span>{{inflection_expanded? $t('article.hide_inflection', $parent.content_locale):$t('article.show_inflection', $parent.content_locale)}}</span><span class = "inflection-arrow"><v-icon small right>{{this.inflection_expanded? "remove" : "add"}}</v-icon></span>
</v-btn>
<div class="inflection-canvas" v-if="inflection_expanded || always_expand">
<inflectionTable :lemmaList="lemmas_with_word_class_and_lang" :mq="$vuetify.breakpoint.name" :context="$store.state.inflectionTableContext" :key="$store.state.inflectionTableContext"/>
<div :id="'inflection-canvas'+$parent.title_id" class="inflection-canvas">
<inflectionTable v-if="inflection_expanded || always_expand" :lemmaList="lemmas_with_word_class_and_lang" :mq="$vuetify.breakpoint.name" :context="$store.state.inflectionTableContext" :key="$store.state.inflectionTableContext"/>
</div>
</span>
......@@ -85,8 +85,12 @@ div.show-inflection {
z-index: 5;
background-color: rgba(255, 255, 255, 0);
/*max-width: 100vw;*/
padding-top: 10px;
padding-bottom: 10px;
}
.inflection-canvas > div {
padding-top: 10px;
padding-bottom: 10px;
}
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment