diff --git a/src/components/Video/Video.svelte b/src/components/Video/Video.svelte index 028a71ce..606fd417 100644 --- a/src/components/Video/Video.svelte +++ b/src/components/Video/Video.svelte @@ -163,9 +163,9 @@ on:pausePlayEvent="{pausePlayEvent}" paused="{paused}" clickedOnPauseBtn="{clickedOnPauseBtn}" - controlsOpacity="{hoverToSeeControls - ? interactiveControlsOpacity - : controlsOpacity}" + controlsOpacity="{hoverToSeeControls ? + interactiveControlsOpacity : + controlsOpacity}" controlsPosition="{controlsPosition}" widthVideoContainer="{widthVideoContainer}" heightVideoContainer="{heightVideoContainer}" @@ -196,9 +196,9 @@ bind:paused bind:clientWidth="{widthVideo}" bind:clientHeight="{heightVideo}" - style="{showControls - ? 'position: relative' - : 'position: relative'}" + style="{showControls ? + 'position: relative' : + 'position: relative'}" > @@ -257,7 +257,7 @@ {/if} {#if caption} -
{caption}
+
{caption}
{/if} {/if} @@ -284,7 +284,7 @@ white-space: nowrap !important; border: 0 !important; } - figcaption { + div.caption { font-size: 0.8rem; color: var(--theme-colour-text-secondary, $tr-medium-grey); }