diff --git a/changes/changelog.d/838.bugfix b/changes/changelog.d/838.bugfix new file mode 100644 index 0000000000000000000000000000000000000000..3394897565b9c801597460d0fc9b53cf17abfca7 --- /dev/null +++ b/changes/changelog.d/838.bugfix @@ -0,0 +1 @@ +Fixed issue with player changing height when hovering over the volume slider (#838) diff --git a/front/src/components/audio/Player.vue b/front/src/components/audio/Player.vue index ea15ebc8720db69b7b0ccb69319329afdbf4e94a..8faaf670c00a736637be8f9a7b767d6deef6ce82 100644 --- a/front/src/components/audio/Player.vue +++ b/front/src/components/audio/Player.vue @@ -199,7 +199,6 @@ @click.prevent.stop="clean()" class="two wide column control"> <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> @@ -926,6 +925,11 @@ export default { animation-timing-function: linear; animation-iteration-count: infinite; } + +.icons { + position: absolute; +} + i.icons .corner.icon { font-size: 1em; right: -0.3em;