From 948a2b0f1f045ac25eb8bf472cb44f2a6d409364 Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Thu, 9 May 2019 10:20:58 +0200
Subject: [PATCH] Added list corner icon to trash icon in player controls to
make it's function more obvious
---
front/src/components/audio/Player.vue | 10 +++++++++-
1 file changed, 9 insertions(+), 1 deletion(-)
diff --git a/front/src/components/audio/Player.vue b/front/src/components/audio/Player.vue
index 0ad8fe7c6f..e6ad4e5a86 100644
--- a/front/src/components/audio/Player.vue
+++ b/front/src/components/audio/Player.vue
@@ -198,7 +198,11 @@
v-if="!showVolume"
@click.prevent.stop="clean()"
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>
</div>
<GlobalEvents
@@ -921,4 +925,8 @@ export default {
animation-timing-function: linear;
animation-iteration-count: infinite;
}
+i.icons .corner.icon {
+ font-size: 1em;
+ right: -0.3em;
+}
</style>
--
GitLab