diff --git a/src/components/Definition.vue b/src/components/Definition.vue index 3c6b0f743608c3c417b5359f5d6c2fb20624e6ad..dda93c487607a9388993ca1dfa8bf2a58fb63420 100644 --- a/src/components/Definition.vue +++ b/src/components/Definition.vue @@ -1,7 +1,7 @@ <template> <li :class="['definition', 'level'+level]" :ref="'def' + body.id" :id="'def' + body.id"> <ul class="explanations"> - <DefElement :body="explanation" :dictionary="dictionary" v-for="(explanation, index) in explanations" :key="index" @article-click="article_link_click" /> + <DefElement :body="explanation" :dictionary="dictionary" :has_article_ref=has_article_ref(explanation) v-for="(explanation, index) in explanations" :key="index" @article-click="article_link_click" /> </ul> <div v-if="examples.length"> <h4>{{example_header}}</h4> @@ -64,7 +64,16 @@ var Definition = { methods: { article_link_click: function(item) { this.$emit('article-click', item) - } + }, + has_article_ref: function(item){ + if(item.items.length && item.items[0].type_ == "article_ref") + { + return "true"; + } + else{ + return "false"; + } + } }, watch:{ $route(to, from) { @@ -96,4 +105,10 @@ h4 { padding-left: 12px; padding-top: 6px; } + +li[has_article_ref="true"] { + margin-top: 8px; + margin-left: -25px; +} + </style>