etc/VueTube
0
0
Fork 0
mirror of https://github.com/VueTubeApp/VueTube synced 2024-11-25 20:55:17 +00:00
Code Issues Projects Releases Wiki Activity

fix: small stylistic changes on the comments

Browse source
This commit is contained in:
Alex 2022-04-22 21:06:31 +12:00
parent a075c4167a
commit 6d47e97121
3 changed files with 40 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

55
NUXT/components/Comments/commentThreadRenderer.vue
View file

@ -54,32 +54,46 @@
{{ commentRenderer.publishedTimeText.runs[0].text }}
</span>
</div>
<collapsable-text :lines="4">
<collapsable-text
:lines="4"
:expandText="
commentRenderer.expandButton.buttonRenderer.text.runs[0].text
"
:collapseText="
commentRenderer.collapseButton.buttonRenderer.text.runs[0].text
"
>
<yt-text-formatter :textRuns="commentRenderer.contentText.runs">
</yt-text-formatter>
</collapsable-text>
<div class="toolbar">
<v-btn-toggle v-model="voteStatus" group>
<div class="toolbar--item">
<v-btn class="toolbar--button like" disabled icon x-small plain>
<v-icon small>mdi-thumb-up</v-icon>
</v-btn>
<span
v-text="commentRenderer.voteCount.simpleText"
class="like-count mr-1 subtitle-2"
></span>
</div>
<div class="toolbar--item">
<v-btn class="toolbar--button dislike" disabled icon x-small plain>
<v-icon small>mdi-thumb-down</v-icon>
</v-btn>
</div>
</v-btn-toggle>
<div class="toolbar--item">
<v-btn class="toolbar--button like" disabled icon x-small>
<v-icon small left>mdi-thumb-up</v-icon>
</v-btn>
</div>
<div class="toolbar--item">
<span
v-text="commentRenderer.voteCount.simpleText"
class="like-count mr-1 subtitle-2"
></span>
</div>
<div class="toolbar--item">
<v-btn class="toolbar--button dislike" disabled icon x-small>
<v-icon small>mdi-thumb-down</v-icon>
</v-btn>
</div>
<div class="toolbar--item">
<v-btn class="toolbar--button reply" disabled icon x-small>
<v-btn class="toolbar--button reply ml-2" disabled icon x-small plain>
<v-icon small>mdi-comment</v-icon>
</v-btn>
</div>
<div class="toolbar--item" v-if="commentRenderer.replyCount">
<span
v-text="commentRenderer.replyCount"
class="like-count mr-1 subtitle-2"
></span>
</div>
</div>
</div>
</div>
@ -151,6 +165,10 @@
color: #fff;
}
}
.toolbar--button::v-deep.v-btn--active .v-btn__content {
color: var(--v-primary-base);
}
</style>
<script>
@ -171,6 +189,7 @@ export default {
data() {
return {
commentRenderer: null,
voteStatus: null,
};
},

3
NUXT/components/UtilRenderers/collapsableText.vue
View file

@ -8,8 +8,9 @@
<slot></slot>
</div>
<a
class="toggle-collapse"
class="toggle-collapse background--text font-weight-bold"
@click="expanded = !expanded"
:class="$vuetify.theme.dark ? 'text--lighten-4' : 'text--darken-4'"
v-if="expandable"
v-text="expanded ? collapseText : expandText"
></a>

2
NUXT/pages/watch.vue
View file

@ -284,7 +284,7 @@ export default {
this.cpn = getCpn();
this.initWatchTime().then(() => {
this.sendWatchTime();
this.interval = setInterval(this.sendWatchTime, 30000);
this.interval = setInterval(this.sendWatchTime, 60000);
});
});