From cf516a3a4a082e5af17cc840daf817a2808669c0 Mon Sep 17 00:00:00 2001 From: Henrik Askjer <henrik.askjer@uib.no> Date: Tue, 16 Nov 2021 13:53:29 +0100 Subject: [PATCH] stack result counts on small screen --- src/components/SearchResults.vue | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/components/SearchResults.vue b/src/components/SearchResults.vue index 0a7370e8..2ff91f85 100644 --- a/src/components/SearchResults.vue +++ b/src/components/SearchResults.vue @@ -3,6 +3,7 @@ <div class="flex-container" :class="$vuetify.breakpoint.name"> <ul class="hits" :v-if="results_bm"> <li class="results-count">Treff i Bokmålsordboka: {{count_bm}}</li> + <li v-if="!this.$vuetify.breakpoint.mdAndUp" class="results-count">Treff i Nynorskorboka: {{count_nn}}</li> <li class="article_container" v-for="(result, index) in results_bm" :key="index + bm_hash" tabindex="-1"> <Article :article="result" @@ -12,7 +13,7 @@ </li> </ul> <ul class="hits" :v-if="results_nn"> - <li class="results-count">Treff i Nynorskorboka: {{count_nn}}</li> + <li v-if="this.$vuetify.breakpoint.mdAndUp" class="results-count">Treff i Nynorskorboka: {{count_nn}}</li> <li class="article_container" v-for="(result, index) in results_nn" :key="index + nn_hash" tabindex="-1"> <Article :article="result" -- GitLab