MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Added list corner icon to trash icon in player controls to make it's function more obvious

This commit is contained in:
Eliot Berriot 2019-05-09 10:20:58 +02:00
parent bfe28cc12e
commit 948a2b0f1f
No known key found for this signature in database
GPG Key ID: DD6965E2476E5C27
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
front/src/components/audio/Player.vue
View File

@ -198,7 +198,11 @@
v-if="!showVolume" v-if="!showVolume"
@click.prevent.stop="clean()" @click.prevent.stop="clean()"
class="two wide column control"> class="two wide column control">
<i :class="['ui', 'trash', 'secondary', {'disabled': queue.tracks.length === 0}, 'icon']" ></i> <i class="icons">
<i :class="['ui', 'trash', 'secondary', {'disabled': queue.tracks.length === 0}, 'icon']" ></i>
<i :class="['ui corner large inverted', 'list', {'disabled': queue.tracks.length === 0}, 'icon']" ></i>
</i>
</span> </span>
</div> </div>
<GlobalEvents <GlobalEvents
@ -921,4 +925,8 @@ export default {
animation-timing-function: linear; animation-timing-function: linear;
animation-iteration-count: infinite; animation-iteration-count: infinite;
} }
i.icons .corner.icon {
font-size: 1em;
right: -0.3em;
}
</style> </style>