octo/mastoradio
1
0
Fork 0
forked from Mastodon/mastoradio-la-radio-di-mastodon
Code Issues Pull Requests Projects Releases Wiki Activity

improve expand button visibility on pause

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets/scss/5-modules/player-big.scss
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 {

4
src/components/Viewer.svelte
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