okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix overlapping items in playback-info

Browse source
This commit is contained in:
yazninja 2022-01-24 18:19:17 +08:00
parent 0a947257b2
commit db80697a8f
2 changed files with 40 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/renderer/views/main.ejs
View file

@ -96,7 +96,7 @@
style="display: inline-block"></div>
</div>
<!-- :class="[isElementOverflowing('#app-main > div.app-chrome > div.app-chrome--center > div > div > div.playback-info > div.song-artist') ? 'marquee' : '']" -->
<div class="song-artist"
<div class="song-artist-album"
style="display: inline-block; -webkit-box-orient: horizontal; white-space: nowrap;">
<div class="item-navigate song-artist" style="display: inline-block"
@click="getNowPlayingItemDetailed(`artist`)">
@ -788,6 +788,19 @@
<!-- Miniplayer View -->
<%- include('components/miniplayer')
%>
<script>
function checkMarquee(){
if(isElementOverflowing('#app-main > div.app-chrome > div.app-chrome--center > div > div > div.playback-info > div.song-artist') == true) {
document.getElementsByClassName('song-artist')[0].classList.add('marquee');
document.getElementsByClassName('song-artist')[1].classList.add('marquee-after');
}
if(isElementOverflowing('#app-main > div.app-chrome > div.app-chrome--center > div > div > div.playback-info > div.song-name') == true) {
document.getElementsByClassName('song-name')[0].classList.add('marquee');
document.getElementsByClassName('song-name')[1].classList.add('marquee-after');
}
}
</script>
<script
src="musickit.js?v=1"></script>