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 {
width: 120px;
position: absolute;
top: 10px;
right: 0px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.VideoRecommendationsTopBar{
display:flex;
justify-content:space-between;
}

View File

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