improve expand button visibility on pause

This commit is contained in:
Tixie 2020-02-16 20:53:29 +01:00
parent b0164d7a10
commit 48862b7083
2 changed files with 3 additions and 2 deletions

View File

@ -46,6 +46,7 @@
transition: .15s opacity; transition: .15s opacity;
} }
.playerBig__reduce.active,
.playerBig__reduce:hover, .playerBig__reduce:hover,
.playerBig__reduce:active, .playerBig__reduce:active,
.playerBig__reduce:focus { .playerBig__reduce:focus {

View File

@ -14,9 +14,9 @@
bind:duration bind:duration
bind:seek={seek} bind:seek={seek}
></YoutubePlayer> ></YoutubePlayer>
{/if}
<div class="playerBig__overlay" on:click={() => $paused = !$paused}></div> <div class="playerBig__overlay" on:click={() => $paused = !$paused}></div>
<button class="playerBig__reduce">Reduce<IconReduce></IconReduce></button> <button class="playerBig__reduce" class:active={ready && $paused}>Reduce<IconReduce></IconReduce></button>
{/if}
</div> </div>
<Progress <Progress