From 33ee492d4e5f1cbd0815e28ea9a34cdc73d9a198 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ole=20Volds=C3=A6ter?= <ole.voldsater@uib.no>
Date: Thu, 4 Feb 2021 13:06:45 +0100
Subject: [PATCH] re meta#259
---
src/components/Article.vue | 1 +
src/components/Header.vue | 22 +++++++++++++++++++---
2 files changed, 20 insertions(+), 3 deletions(-)
diff --git a/src/components/Article.vue b/src/components/Article.vue
index e21757d1..75dc33ae 100644
--- a/src/components/Article.vue
+++ b/src/components/Article.vue
@@ -57,6 +57,7 @@ export default {
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
article {
+ position: relative;
padding: 10px;
margin: 10px;
border-radius: 10px;
diff --git a/src/components/Header.vue b/src/components/Header.vue
index a469e518..fa397095 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -16,6 +16,7 @@
</div>
</div>
</details>
+ <span class="dict-label">{{dict_label}}</span>
</div>
</template>
@@ -42,6 +43,12 @@ export default {
article_id: Number
},
computed: {
+ dict_label: function() {
+ return {
+ 'bob': 'BOKMÃ…L',
+ 'nob': 'NYNORSK'
+ }[this.dictionary]
+ },
group_list: function() {
return helpers.group_list(this.lemmas)
},
@@ -89,18 +96,27 @@ export default {
</script>
-<style >
+<style scoped>
summary {
width: 30em;
}
+h1 {
+ padding-top: 7px;
+}
+
.word-classification {
text-decoration: underline dashed;
}
-h1.article_header {
- display: inline;
+.dict-label {
+ color: #560027;
+ font-weigth: bold;
+ padding-left: 5px;
+ position: absolute;
+ top: 0px;
+ font-variant-caps: all-small-caps;
}
details > summary {
--
GitLab