Release tile favicon now links to network overview.

This commit is contained in:
ThePendulum 2020-02-20 02:53:24 +01:00
parent 5d212df929
commit acf780635b
2 changed files with 27 additions and 14 deletions

View File

@ -231,10 +231,6 @@ export default {
.parent {
display: inline-block;
height: 3rem;
:before {
content: 'Part of';
}
}
.header {

View File

@ -15,16 +15,27 @@
class="favicon"
>{{ release.network.name }}</router-link>
<router-link
<span
v-else
v-tooltip.bottom="`Part of ${release.network.name}`"
:title="`Part of ${release.network.name}`"
:to="`/site/${release.site.slug}`"
class="site site-link"
><img
:src="`/img/logos/${release.network.slug}/favicon.png`"
class="favicon"
>{{ release.site.name }}</router-link>
class="site"
>
<router-link
v-tooltip.bottom="`Part of ${release.network.name}`"
:title="`Part of ${release.network.name}`"
:to="`/network/${release.network.slug}`"
class="site-link"
><img
:src="`/img/logos/${release.network.slug}/favicon.png`"
class="favicon"
></router-link>
<router-link
v-tooltip.bottom="`More from ${release.site.name}`"
:title="`More from ${release.site.name}`"
:to="`/site/${release.site.slug}`"
class="site-link"
>{{ release.site.name }}</router-link>
</span>
<a
v-if="release.date"
@ -201,7 +212,7 @@ export default {
.site,
.date {
color: #fff;
color: $text-contrast;
display: flex;
align-items: center;
background: $shadow;
@ -230,6 +241,12 @@ export default {
font-weight: bold;
}
.site-link {
display: flex;
color: $text-contrast;
text-decoration: none;
}
.info {
display: flex;
flex-direction: column;