Make autoplay text fit inside top bar when translated (#1767)

* Make autoplay fit inside top bar when translated

* Lint
This commit is contained in:
Airidasz 2021-10-03 13:53:21 +03:00 committed by GitHub
parent 35ae762b80
commit c2c6a55682
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 21 additions and 15 deletions

View File

@ -8,8 +8,12 @@
} }
.autoPlayToggle { .autoPlayToggle {
width: 120px; display: flex;
position: absolute; justify-content: flex-end;
top: 10px; align-items: center;
right: 0px; }
.VideoRecommendationsTopBar{
display:flex;
justify-content:space-between;
} }

View File

@ -3,17 +3,19 @@
v-if="!hideRecommendedVideos" v-if="!hideRecommendedVideos"
class="relative watchVideoRecommendations" class="relative watchVideoRecommendations"
> >
<h3> <div class="VideoRecommendationsTopBar">
{{ $t("Up Next") }} <h3>
</h3> {{ $t("Up Next") }}
<ft-toggle-switch </h3>
v-if="showAutoplay" <ft-toggle-switch
class="autoPlayToggle" v-if="showAutoplay"
:label="$t('Video.Autoplay')" class="autoPlayToggle"
:compact="true" :label="$t('Video.Autoplay')"
:default-value="playNextVideo" :compact="true"
@change="updatePlayNextVideo" :default-value="playNextVideo"
/> @change="updatePlayNextVideo"
/>
</div>
<ft-list-video <ft-list-video
v-for="(video, index) in data" v-for="(video, index) in data"
:key="index" :key="index"