From 4ce89e93b2a30ba0dcbba38a656cf53874814be6 Mon Sep 17 00:00:00 2001
From: Henrik Askjer <henrik.askjer@uib.no>
Date: Fri, 3 Dec 2021 09:07:29 +0100
Subject: [PATCH] style return to results
---
src/components/Article.vue | 9 +++++++--
src/components/DictionaryView.vue | 9 +++++----
src/components/SearchResults.vue | 6 ++----
3 files changed, 14 insertions(+), 10 deletions(-)
diff --git a/src/components/Article.vue b/src/components/Article.vue
index da890b01..8c712a33 100644
--- a/src/components/Article.vue
+++ b/src/components/Article.vue
@@ -28,8 +28,8 @@
</section>
<div class="fade">
<router-link class="choose" :to="link_to_self.ref" @click.native="details_click(link_to_self)">
- {{$t("choose")}} <v-icon color="primary" right>chevron_right</v-icon>
- </router-link>
+ <v-btn x-large text>
+ {{$t("choose")}} <v-icon color="primary" right>chevron_right</v-icon></v-btn></router-link>
</div>
</div>
<ArticleFooter :article="article"/>
@@ -223,8 +223,13 @@ ul li.definition {
.choose {
color: var(--v-primary-base) !important;
text-decoration: none;
+ position: relative;
+ top: 25px;
+ left: 20px;
}
+
+
.info-card {
padding: 12px;
}
diff --git a/src/components/DictionaryView.vue b/src/components/DictionaryView.vue
index ea3b7d01..cae3211f 100644
--- a/src/components/DictionaryView.vue
+++ b/src/components/DictionaryView.vue
@@ -17,10 +17,10 @@
<v-progress-circular indeterminate color="secondary" size="120"></v-progress-circular>
</div>
<div id="single_article_container" v-if="article">
- <div class="return_to_results" v-if="total_results">
- <router-link :to="article.source" @click.native="return_to_results()">
- <v-icon left class="nav_arrow">chevron_left</v-icon>{{$t("back_to_results")}}
- </router-link>
+ <div class="return_to_results" v-if="total_results && article.source">
+ <v-btn :to="article.source" @click.native="return_to_results()" text>
+ <v-icon left class="nav_arrow">chevron_left</v-icon>{{$t("back_to_results")}}</v-btn>
+
</div>
<Article :key="article_key" :article="article" @article-click="article_link_click" />
</div>
@@ -457,6 +457,7 @@ div.welcome article {
.search_container {
background-color: var(--v-tertiary-base);
padding-top: 1px;
+ padding-bottom: 10px;
}
#spinner {
diff --git a/src/components/SearchResults.vue b/src/components/SearchResults.vue
index 55962cff..5e4189c1 100644
--- a/src/components/SearchResults.vue
+++ b/src/components/SearchResults.vue
@@ -135,12 +135,10 @@ export default {
#search_results .article_content.xs > .fade, #search_results .article_content.sm > .fade {
display: inline-block;
text-align: right;
- font-size: 20px;
+ vertical-align: text-bottom;
font-weight: bold;
- color: var(--v-primary-base);
- padding-top: 30px;
width:100%;
- height:60px;
+ height:100%;
position:absolute;
left:0;
top:0px;
--
GitLab