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