Updated tag page layout. Added shoot date property. Showing parent favicon on compact entity page. Re-added 'new' indicator on tile. Added Family Sinner to Mile High Media. Various fixes and improvements.

This commit is contained in:
2020-07-03 01:28:22 +02:00
parent 749864e922
commit 945c2c45ce
81 changed files with 488 additions and 955 deletions

View File

@@ -25,7 +25,6 @@
<div class="tidbits">
<a
v-if="release.date"
v-tooltip.bottom="release.url && `View scene on ${release.entity.name}`"
:title="release.url && `View scene on ${release.entity.name}`"
:href="release.url"
:class="{ link: release.url }"
@@ -35,18 +34,22 @@
>
<span class="showable">{{ formatDate(release.date, 'MMM D, YYYY') }}</span>
<span class="hideable">{{ formatDate(release.date, 'MMMM D, YYYY') }}</span>
<Icon icon="share2" />
<Icon
v-if="release.url"
icon="share2"
/>
</a>
</div>
<div class="site">
<template v-if="release.entity.parent">
<template v-if="release.entity.parent && !release.entity.independent">
<a :href="`/network/${release.entity.parent.slug}`">
<img
:src="`/img/logos/${release.entity.parent.slug}/thumbs/network.png`"
:title="release.entity.parent.name"
:alt="release.entity.parent.name"
class="logo logo-network"
class="logo logo-parent"
>
</a>
@@ -191,14 +194,22 @@
class="link studio"
>{{ release.studio.name }}</router-link>
</div>
<div
v-if="release.productionDate"
class="row-tidbit"
>
<span class="row-label">Production date</span>
{{ formatDate(release.productionDate, 'MMMM D, YYYY') }}
</div>
</div>
<div class="row">
<span class="row-label">Added</span>
<span class="row-label">Indexed</span>
<router-link
:to="`/added/${formatDate(release.dateAdded, 'YYYY/MM/DD')}`"
:title="`Added on ${formatDate(release.dateAdded, 'MMMM D, YYYY')}`"
:to="`/added/${formatDate(release.createdAt, 'YYYY/MM/DD')}`"
:title="`Added on ${formatDate(release.createdAt, 'MMMM D, YYYY HH:mm')}`"
class="link added"
>{{ formatDate(release.createdAt, 'MMMM D, YYYY HH:mm') }}</router-link>
</div>
@@ -207,9 +218,6 @@
</template>
<script>
// import config from 'config';
// import format from 'template-format';
import Media from './media.vue';
import Actor from '../actors/tile.vue';
import Release from './tile.vue';
@@ -273,6 +281,18 @@ export default {
.link {
color: var(--text-light);
.icon {
fill: var(--lighten);
}
&:hover {
color: var(--text-light);
.icon {
fill: var(--text-light);
}
}
}
}
@@ -293,7 +313,7 @@ export default {
.icon {
fill: var(--lighten);
margin: -.2rem 0 0 .5rem;
margin: -.2rem 0 0 .75rem;
}
}
}
@@ -317,7 +337,7 @@ export default {
object-position: 100% 50%;
}
.logo-network {
.logo-parent {
height: 1.5rem;
max-width: 10rem;
object-fit: contain;
@@ -343,7 +363,7 @@ export default {
}
.row {
margin: 0 0 1rem 0;
margin: 0 0 1.5rem 0;
&.associations {
align-items: start;
@@ -364,7 +384,7 @@ export default {
.row-tidbit {
display: inline-block;
margin: 0 1rem 0 0;
margin: 0 2rem 0 0;
}
.title {
@@ -432,7 +452,7 @@ export default {
}
@media(max-width: $breakpoint3) {
.logo-network,
.logo-parent,
.chain {
display: none;
}