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

Merge branch 'trash-queue-icon' into 'develop' 

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

See merge request funkwhale/funkwhale!758
This commit is contained in:
Eliot Berriot 2019-05-09 13:54:19 +02:00
parent a1bac0131d 948a2b0f1f
commit 2b1f6dafa9
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
@ -922,4 +926,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>