KayFaraday
/
Zaimki
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

#53 badge dla form normatywnych - hide under hoverable icon

This commit is contained in:
Avris 2020-09-16 23:40:29 +02:00
parent f9a4802127
commit 46ed6f0deb
3 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
components/NormativeBadge.vue Normal file
View File

@ -0,0 +1,19 @@
<template>
<span class="badge badge-secondary toggle-hover">
<Icon v="book-open"/>
<span class="togglable">Normatywne</span>
</span>
</template>
<style lang="scss" scoped>
.toggle-hover {
.togglable {
display: none;
}
&:hover {
.togglable {
display: inline;
}
}
}
</style>

2
pages/index.vue
View File

@ -44,7 +44,7 @@
–
<small>{{template.description}}</small>
</nuxt-link>
<span v-if="template.normative" class="badge badge-secondary">Normatywne</span>
<NormativeBadge v-if="template.normative"/>
</li>
</ul>
</li>

2
pages/literatura.vue
View File

@ -36,7 +36,7 @@
–
<small>{{ template.description }}</small>
</a>
<span v-if="template.normative" class="badge badge-secondary">Normatywne</span>
<NormativeBadge v-if="template.normative"/>
</li>
</ul>
</li>