CSS tweak for video zoom buttons

This commit is contained in:
Noah 2023-10-29 14:27:09 -07:00
parent db819af8af
commit 8004edb7b8

View File

@ -3753,22 +3753,9 @@ export default {
<div class="column">
{{ channelName }}
</div>
<div class="column is-narrow">
<!-- If a DM thread and the user has a profile URL -->
<button type="button" v-if="channel.indexOf('@') === 0 && profileURLForUsername(channel)"
class="button is-small is-outlined is-light mr-1" @click="openProfile({ username: channel })">
<i class="fa fa-user"></i>
</button>
<!-- DMs: Leave convo button -->
<button type="button" v-if="channel.indexOf('@') === 0"
class="float-right button is-small is-warning is-outlined" @click="leaveDM()">
<i class="fa fa-trash"></i>
</button>
</div>
<!-- Easy video zoom buttons -->
<div class="column is-narrow" v-if="anyVideosOpen">
<div class="column is-narrow is-hidden-mobile" v-if="anyVideosOpen">
<button type="button" class="button is-small is-outlined"
:disabled="webcam.videoScale === 'x4'"
@click="scaleVideoSize(true)">
@ -3782,6 +3769,21 @@ export default {
</button>
</div>
<!-- DM thread buttons -->
<div class="column is-narrow" v-if="channel.indexOf('@') === 0">
<!-- If the user has a profile URL -->
<button type="button" v-if="profileURLForUsername(channel)"
class="button is-small is-outlined is-light mr-1" @click="openProfile({ username: channel })">
<i class="fa fa-user"></i>
</button>
<!-- DMs: Leave convo button -->
<button type="button"
class="float-right button is-small is-warning is-outlined" @click="leaveDM()">
<i class="fa fa-trash"></i>
</button>
</div>
<!-- Who List button, only shown on public channel view -->
<div v-if="!isDM" class="column is-narrow mobile-only">
<!-- Responsive mobile button to pan to Right Column -->