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:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user