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

more library artists fixes

Browse source
This commit is contained in:
vapormusic 2022-03-26 23:23:25 +07:00
parent fedd28d8a6
commit d4b12fd595
3 changed files with 21 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/renderer/less/pages.less
View file

@ -281,7 +281,7 @@
// Podcast Page // Podcast Page
.content-inner.library-artists-page { .content-inner.library-artists-page {
// top: 0; // top: 0;
height: calc(100% - var(--navigationBarHeight)); height: calc(100% - 60px - var(--navigationBarHeight));
padding: 0px; padding: 0px;
.inner-container { .inner-container {
display: flex; display: flex;
@ -331,7 +331,7 @@
} }
.episodes-list { .episodes-list {
height : 100%; height: calc(100% + 60px);
width : 100%; width : 100%;
background: rgb(200 200 200 / 6%); background: rgb(200 200 200 / 6%);
overflow-y: overlay; overflow-y: overlay;

9
src/renderer/views/components/inline-collection-list.ejs
View file

@ -42,7 +42,12 @@
type: String, type: String,
required: false, required: false,
default: "artists" default: "artists"
} },
parentSelector: {
type: String,
required: false,
default: null
},
}, },
data: function() { data: function() {
return { return {
@ -69,7 +74,7 @@
}, },
scrollToTop() { scrollToTop() {
let target = document.querySelector(".header-text") let target = document.querySelector(".header-text")
document.querySelector("#app-content").scrollTo({ document.querySelector(this.parentSelector ?? ".collection-page").scrollTo({
top: 0, top: 0,
left: 0, left: 0,
behavior: 'smooth' behavior: 'smooth'

10
src/renderer/views/pages/library-artists.ejs
View file

@ -7,13 +7,21 @@
</div> --> </div> -->
<div class="inner-container"> <div class="inner-container">
<div class="list-container">
<div class="col" style="padding:0;">
<div class="search-input-container" style="width:calc(100%-20px);margin: 16px 10px 10px 10px;">
<div class="search-input--icon"></div>
<input type="search" style="width:100%;" spellcheck="false" :placeholder="$root.getLz('term.search') + '...'" @input="$root.searchLibraryArtists" v-model="library.artists.search" class="search-input">
</div>
</div>
<div class="podcasts-list"> <div class="podcasts-list">
<libraryartist-item :show-duration="false" :show-meta-data="true" :show-library-status="false" :item="item" v-for="item in library.artists.displayListing"> <libraryartist-item :show-duration="false" :show-meta-data="true" :show-library-status="false" :item="item" v-for="item in library.artists.displayListing">
</libraryartist-item> </libraryartist-item>
</div> </div>
</div>
<div class="episodes-list" > <div class="episodes-list" >
<div class="episodes-inline-info" v-if="clready"> <div class="episodes-inline-info" v-if="clready">
<inline-collection-list :data="clresponse" :type="cltype" :title="cltitle"></inline-collection-list> <inline-collection-list :parentSelector="'.episodes-list'" :data="clresponse" :type="cltype" :title="cltitle"></inline-collection-list>
</div> </div>
</div> </div>
</div> </div>