diff --git a/resources/icons/icon.ico b/resources/icons/icon.ico index f3f78e8a..d4a7449e 100644 Binary files a/resources/icons/icon.ico and b/resources/icons/icon.ico differ diff --git a/src/renderer/index.js b/src/renderer/index.js index 28ad56d2..4f82df13 100644 --- a/src/renderer/index.js +++ b/src/renderer/index.js @@ -3397,9 +3397,19 @@ const app = new Vue({ this.webremoteurl = await ipcRenderer.invoke('showQR','') //this.modals.qrcode = true; + }, + 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'); + } } - - } + } + }) Vue.component('animated-number', { @@ -3688,4 +3698,4 @@ document.addEventListener('keydown', function(event) { ipcRenderer.send('detachDT','') } catch (e) { } } -}); \ No newline at end of file +}); diff --git a/src/renderer/style.less b/src/renderer/style.less index 0a280a01..27119f5b 100644 --- a/src/renderer/style.less +++ b/src/renderer/style.less @@ -1112,27 +1112,7 @@ input[type=range].web-slider::-webkit-slider-runnable-track { } -.app-chrome .app-chrome-item > .app-playback-controls .song-artist { - font-weight: 400; - font-size: 12px; - text-align: center; - /*height: 1.2em; - line-height: 1.2em;*/ - z-index: 1; - max-width: 360px; - - - .song-artist-normal { - height: inherit; - } - - &.song-artist-marquee { - > marquee { - margin-bottom: -3px; - } - } -} .app-chrome .app-chrome-item > .app-playback-controls .song-progress { @bgColor: transparent; @@ -1256,7 +1236,7 @@ input[type=range].web-slider::-webkit-slider-runnable-track { overflow: hidden; } -.app-chrome .app-chrome-item > .app-playback-controls .playback-info > div { +.app-chrome .app-chrome-item > .app-playback-controls .playback-info > .song-progress{ width: 100%; } @@ -1267,6 +1247,31 @@ input[type=range].web-slider::-webkit-slider-runnable-track { display: flex; position: relative; } +.app-chrome .app-chrome-item > .app-playback-controls .song-artist-album { + font-weight: 400; + font-size: 12px; + text-align: center; + /*height: 1.2em; + line-height: 1.2em;*/ + + z-index: 1; + align-items: center; + justify-content: center; + width: 80%; + max-width: 340px; + overflow: hidden; + + + .song-artist-normal { + height: inherit; + } + + &.song-artist-marquee { + > marquee { + margin-bottom: -3px; + } + } +} .display--small { display: none !important; @@ -4570,7 +4575,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb { .queue-col { width: 60vh; - height: 50vh; + height: 62vh; .queue-title { opacity: 0.6; diff --git a/src/renderer/views/components/libraryartist-item.ejs b/src/renderer/views/components/libraryartist-item.ejs index 771163c6..817cf623 100644 --- a/src/renderer/views/components/libraryartist-item.ejs +++ b/src/renderer/views/components/libraryartist-item.ejs @@ -121,7 +121,7 @@ "action": function () { if (!self.item.attributes.url && self.item.relationships){ if (self.item.relationships.catalog){ - app.mkapi(self.item.attributes.playParams.kind, false, self.item.relationships.catalog.data[0].id).then(u => {self.app.copyToClipboard((u.length && u.length > 0)? u[0].attributes.url : u.attributes.url)}) + app.mkapi(self.item.attributes.playParams.kind, false, self.item.relationships.catalog.data[0].id).then(u => {self.app.copyToClipboard((u.data.data.length && u.data.data.length > 0)? u.data.data[0].attributes.url : u.data.data.attributes.url)}) } } else { self.app.copyToClipboard(self.item.attributes.url)} diff --git a/src/renderer/views/components/mediaitem-list-item.ejs b/src/renderer/views/components/mediaitem-list-item.ejs index 7d8b21c6..d797430c 100644 --- a/src/renderer/views/components/mediaitem-list-item.ejs +++ b/src/renderer/views/components/mediaitem-list-item.ejs @@ -400,7 +400,7 @@ "action": function () { if (!self.item.attributes.url && self.item.relationships){ if (self.item.relationships.catalog){ - app.mkapi(self.item.attributes.playParams.kind, false, self.item.relationships.catalog.data[0].id).then(u => {self.app.copyToClipboard((u.length && u.length > 0)? u[0].attributes.url : u.attributes.url)}) + app.mkapi(self.item.attributes.playParams.kind, false, self.item.relationships.catalog.data[0].id).then(u => {self.app.copyToClipboard((u.data.data.length && u.data.data.length > 0)? u.data.data[0].attributes.url : u.data.data.attributes.url)}) } }else { self.app.copyToClipboard(self.item.attributes.url)} diff --git a/src/renderer/views/main.ejs b/src/renderer/views/main.ejs index 9f1cc11b..af155a5c 100644 --- a/src/renderer/views/main.ejs +++ b/src/renderer/views/main.ejs @@ -96,7 +96,7 @@ style="display: inline-block"> -