DebaucheryLibrarian
/
traxxx
2
1
Fork 1
Code Issues 37 Pull Requests 1 Releases Wiki Activity

Added scroll events to inner content divs to sync tooltips with page. Including actor heart button on stash page. Fixed stash scene preview title overflow.

This commit is contained in:
DebaucheryLibrarian 2021-03-24 17:17:51 +01:00
parent d5bf253011
commit f47be86df3
9 changed files with 34 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
assets/components/actors/actor.vue
View File

@ -42,7 +42,10 @@
/> />
</div> </div>
<div class="content-inner actor-inner"> <div
class="content-inner actor-inner"
@scroll="events.emit('scroll', $event)"
>
<div <div
class="profile" class="profile"
:class="{ expanded: bioExpanded, 'with-avatar': !!actor.avatar }" :class="{ expanded: bioExpanded, 'with-avatar': !!actor.avatar }"

2
assets/components/container/warning.vue
View File

@ -170,7 +170,7 @@ export default {
position: absolute; position: absolute;
z-index: -1; z-index: -1;
border-radius: 1.1rem; border-radius: 1.1rem;
filter: blur(.5rem); filter: blur(.25rem);
transition: filter .2s ease; transition: filter .2s ease;
} }
} }

5
assets/components/entities/entity.vue
View File

@ -75,7 +75,10 @@
</router-link> </router-link>
</div> </div>
<div class="content-inner"> <div
class="content-inner"
@scroll="events.emit('scroll', $event)"
>
<Scroll <Scroll
v-if="entity.children.length > 0" v-if="entity.children.length > 0"
v-slot="scroll" v-slot="scroll"

28
assets/components/releases/release.vue
View File

@ -75,20 +75,6 @@
:tags="release.tags" :tags="release.tags"
/> />
<div
v-if="release.directors && release.directors.length > 0"
class="row"
>
<span class="row-label">Director</span>
<router-link
v-for="director in release.directors"
:key="`director-${director.id}`"
class="link director"
:to="`/director/${director.id}/${director.slug}`"
>{{ director.name }}</router-link>
</div>
<div <div
v-if="release.movies && release.movies.length > 0" v-if="release.movies && release.movies.length > 0"
class="row" class="row"
@ -117,6 +103,20 @@
:releases="release.scenes" :releases="release.scenes"
/> />
<div
v-if="release.directors && release.directors.length > 0"
class="row"
>
<span class="row-label">Director</span>
<router-link
v-for="director in release.directors"
:key="`director-${director.id}`"
class="link director"
:to="`/director/${director.id}/${director.slug}`"
>{{ director.name }}</router-link>
</div>
<div <div
v-if="release.description" v-if="release.description"
class="row" class="row"

5
assets/components/tags/tag.vue
View File

@ -10,7 +10,10 @@
</h2> </h2>
</div> </div>
<div class="content-inner"> <div
class="content-inner"
@scroll="events.emit('scroll', $event)"
>
<div <div
v-if="description" v-if="description"
class="description header-description" class="description header-description"

1
assets/components/tooltip/tooltip.vue
View File

@ -117,6 +117,7 @@ function mounted() {
}); });
this.events.on('scroll', () => { this.events.on('scroll', () => {
console.log('scroll!');
this.calculate(); this.calculate();
}); });
} }

3
assets/components/users/scene-preview.vue
View File

@ -81,6 +81,9 @@ export default {
.scene-title { .scene-title {
padding: .25rem .5rem; padding: .25rem .5rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
.scene-actors { .scene-actors {

2
assets/index.ejs
View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,maximum-scale=1,user-scalable=no"> <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="theme-color" content="#ff6c88"> <meta name="theme-color" content="#ff2288">
<title>traxxx</title> <title>traxxx</title>

3
assets/js/stashes/actions.js
View File

@ -5,7 +5,7 @@ import {
patch, patch,
} from '../api'; } from '../api';
import { releaseFields } from '../fragments'; import { releaseFields, actorStashesFields } from '../fragments';
import { curateStash } from '../curate'; import { curateStash } from '../curate';
function initStashesActions(store, _router) { function initStashesActions(store, _router) {
@ -52,6 +52,7 @@ function initStashesActions(store, _router) {
width width
height height
} }
${actorStashesFields}
} }
} }
scenes: stashesScenes { scenes: stashesScenes {