Make autoplay text fit inside top bar when translated (#1767)
* Make autoplay fit inside top bar when translated * Lint
This commit is contained in:
parent
35ae762b80
commit
c2c6a55682
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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"
|
||||||
|
|
Loading…
Reference in New Issue