Happy2Play 8144 Posted October 28, 2018 Share Posted October 28, 2018 (edited) Only tested beta server 3.6.0.58 Might have some issues with left and right padding with this, depending on screen size/resolution. /*Remove Horizontal Scrolling*/ div.scrollSlider {flex-wrap: wrap; } div.scrollbuttoncontainer.scrollbuttoncontainer-right {display: none !important; } ----------------------------------------------------------------------------------------------------------------------------------------------- /*Remove Horizontal Scrolling set padding*/ div.scrollSlider { flex-wrap: wrap; padding-right: 2.5%; padding-left: 2.5%; } .scrollbuttoncontainer-right {display: none !important; } Side effects of removing all scroll is displaying all Cast and Crew, and Chapters images. This is what I used to keep scroll in cast and crew, and chapters. /*Remove Scroll from Home Screen*/ #homeTab div.scrollSlider { flex-wrap: wrap; padding-right: 2.5%; padding-left: 2.5%; } #homeTab .scrollbuttoncontainer-right {display: none; } /*Remove Scroll from TV Suggestions and Genre tab*/ #tvPage div.scrollSlider { flex-wrap: wrap; padding-right: 2.5%; padding-left: 2.5%; } /*Resize Genres images to genre display limit*/ #tvPage div.pageTabContent.tabContent.genresContainer.is-active .overflowPortraitCard {width: 9vw; } /*Remove Right Scroll button and Suggestions*/ #tvPage .scrollbuttoncontainer-right {display: none; } /*Remove Scroll from Movies Suggestion and Genre tabs*/ #moviesPage div.scrollSlider { flex-wrap: wrap; padding-right: 3%; padding-left: 3%; } /*Resize Genres images to genre display limit*/ #moviesPage div.pageTabContent.tabContent.genresContainer.is-active .overflowPortraitCard {width: 9vw; } /*Remove Right Scroll button*/ #moviesPage .scrollbuttoncontainer-right {display: none; } Edited October 28, 2018 by Happy2Play 5 Link to comment Share on other sites More sharing options...
arrbee99 1544 Posted October 28, 2018 Share Posted October 28, 2018 Like this on steroids / amphetamines / uppers etc etc Link to comment Share on other sites More sharing options...
Happy2Play 8144 Posted October 28, 2018 Author Share Posted October 28, 2018 Here is a update for just My Media /*Remove Scroll from My Media*/ #homeTab div.section0 div.scrollSlider { flex-wrap: wrap; padding-right: 3%; padding-left: 3%; } #homeTab div.section0 .scrollbuttoncontainer-right {display: none; } Link to comment Share on other sites More sharing options...
PenkethBoy 2063 Posted October 28, 2018 Share Posted October 28, 2018 Here is a update for just My Media /*Remove Scroll from My Media*/ #homeTab div.section0 div.scrollSlider { flex-wrap: wrap; padding-right: 3%; padding-left: 3%; } #homeTab div.section0 .scrollbuttoncontainer-right {display: none; } @Happ2Play - one thing to note section0 assumes My Media is the first option chosen in the Home Page settings - if it is second then section1 is needed etc 1 Link to comment Share on other sites More sharing options...
PenkethBoy 2063 Posted November 6, 2018 Share Posted November 6, 2018 @@Happy2Play with .61 - Luke has removed the horizontal scroll for My Media Nothing in release notes and no response about the whole thing in any of the associated threads Link to comment Share on other sites More sharing options...
arrbee99 1544 Posted November 6, 2018 Share Posted November 6, 2018 @@Happy2Play with .61 - Luke has removed the horizontal scroll for My Media Nothing in release notes and no response about the whole thing in any of the associated threads Be Happy Link to comment Share on other sites More sharing options...
Happy2Play 8144 Posted December 5, 2018 Author Share Posted December 5, 2018 Search page /*Remove Scroll from Search*/ #searchPage div.scrollSlider { flex-wrap: wrap; padding-right: 2.5%; padding-left: 2.5%; } #searchPage .scrollbuttoncontainer-right {display: none; } Link to comment Share on other sites More sharing options...
hshah 19 Posted April 22, 2019 Share Posted April 22, 2019 Does this still work with the latest beta? Using what has been posted, it always disables all scrolling... all or nothing basically Link to comment Share on other sites More sharing options...
Happy2Play 8144 Posted April 22, 2019 Author Share Posted April 22, 2019 Does this still work with the latest beta? Using what has been posted, it always disables all scrolling... all or nothing basically I haven't noticed any issues with the code. You can selectively remove it in areas if you want to target specific pages/sections. Link to comment Share on other sites More sharing options...
hshah 19 Posted April 22, 2019 Share Posted April 22, 2019 I haven't noticed any issues with the code. You can selectively remove it in areas if you want to target specific pages/sections. Just to confirm, if I've copied the block in the second half of your first post, my film cast should still scroll right? Link to comment Share on other sites More sharing options...
Happy2Play 8144 Posted April 22, 2019 Author Share Posted April 22, 2019 (edited) Just to confirm, if I've copied the block in the second half of your first post, my film cast should still scroll right? Cast and Crew and Scenes can be done but do you really want all the crew from the media displayed? I have items with 50+ people so I didn't bother removing scroll to show all of them on the screen. But here it is if you like. You can obviously just add the element to your existing code also. #castCollapsible div.scrollSlider, #scenesCollapsible div.scrollSlider { flex-wrap: wrap; padding-right: 2.5%; padding-left: 2.5%; } #castCollapsible .scrollbuttoncontainer-right, #scenesCollapsible .scrollbuttoncontainer-right {display: none; } But if you wanted scrolling removed everywhere then I would just use the first code. Edited April 22, 2019 by Happy2Play Link to comment Share on other sites More sharing options...
hshah 19 Posted April 22, 2019 Share Posted April 22, 2019 Cast and Crew and Scenes can be done but do you really want all the crew from the media displayed? I have items with 50+ people so I didn't bother removing scroll to show all of them on the screen. But here it is if you like. You can obviously just add the element to your existing code also. #castCollapsible div.scrollSlider, #scenesCollapsible div.scrollSlider { flex-wrap: wrap; padding-right: 2.5%; padding-left: 2.5%; } #castCollapsible .scrollbuttoncontainer-right, #scenesCollapsible .scrollbuttoncontainer-right {display: none; } But if you wanted scrolling removed everywhere then I would just use the first code. Sorry, what I meant to say is that I don't want the scrolling removed from the cast and crew because the page then looks ridiculous. However, with only the bottom three blocks of your first post implemented, the cast and crew section also had its scrolling disabled. I'm probably doing something silly, so will take another proper look in the morning. Cheers Link to comment Share on other sites More sharing options...
Happy2Play 8144 Posted April 22, 2019 Author Share Posted April 22, 2019 Sorry, what I meant to say is that I don't want the scrolling removed from the cast and crew because the page then looks ridiculous. However, with only the bottom three blocks of your first post implemented, the cast and crew section also had its scrolling disabled. I'm probably doing something silly, so will take another proper look in the morning. Cheers Hmm, I just applies those three section to a test machine and Cast and Scenes still had right scroll. Have you tried test with only that code in your css box? Link to comment Share on other sites More sharing options...
mgworek 121 Posted January 8, 2020 Share Posted January 8, 2020 (edited) Has anyone found a fix for the cast? After the last updating cast is horizontal scrolling again. Nevermind. I just used the first examples and its working. I was using a the custom cast one a few posts down and that one seemed to stop working. Thanks. Edited January 8, 2020 by mgworek Link to comment Share on other sites More sharing options...
Happy2Play 8144 Posted January 8, 2020 Author Share Posted January 8, 2020 Has anyone found a fix for the cast? After the last updating cast is horizontal scrolling again. Nevermind. I just used the first examples and its working. I was using a the custom cast one a few posts down and that one seemed to stop working. Thanks. Change "#castCollapsible" to "div.peopleSection". 1 Link to comment Share on other sites More sharing options...
tr0nllam 34 Posted December 10, 2020 Share Posted December 10, 2020 (edited) This is broken in 4.6.0.7. The scrollbar now comes back if there's a certain number of items. Does anyone have a fix? Edited December 10, 2020 by tr0nllam Link to comment Share on other sites More sharing options...
Luke 36886 Posted December 10, 2020 Share Posted December 10, 2020 Some of the horizontal lists are using virtual scrolling now to better accommodate a large number of list items. You're not going to be able to change their layout with just css. So that's at the point where an option will be needed. Link to comment Share on other sites More sharing options...
tr0nllam 34 Posted December 10, 2020 Share Posted December 10, 2020 That explains it. I'd very much appreciate an option, if it's possible. Link to comment Share on other sites More sharing options...
mgworek 121 Posted December 16, 2020 Share Posted December 16, 2020 Not sure when this started but I noticed removing the horizontal for cast & crew works for my tv shows but not for my movies. Any thoughts? Link to comment Share on other sites More sharing options...
Happy2Play 8144 Posted December 16, 2020 Author Share Posted December 16, 2020 (edited) 2 hours ago, mgworek said: Not sure when this started but I noticed removing the horizontal for cast & crew works for my tv shows but not for my movies. Any thoughts? It works on all items that have 20 or less cast and crew for me no matter content type. If more than 20 scroll remains. Can assume code somewhere as Luke mentioned above. Edited December 16, 2020 by Happy2Play Link to comment Share on other sites More sharing options...
mgworek 121 Posted December 21, 2020 Share Posted December 21, 2020 On 12/16/2020 at 5:42 PM, Happy2Play said: It works on all items that have 20 or less cast and crew for me no matter content type. If more than 20 scroll remains. Can assume code somewhere as Luke mentioned above. Gotcha, thanks. I saw Lukes response above but wasn't 100% sure if it was related or not. Link to comment Share on other sites More sharing options...
Happy2Play 8144 Posted March 6, 2021 Author Share Posted March 6, 2021 (edited) On 12/16/2020 at 11:50 AM, mgworek said: Not sure when this started but I noticed removing the horizontal for cast & crew works for my tv shows but not for my movies. Any thoughts? You have to edit the item.html removing "data-virtualscrolllayout="horizontal-grid"", along with previous css. Quote <div class="verticalSection peopleSection hide"> <h2 class="sectionTitle sectionTitle-cards padded-left padded-right">${HeaderCastCrew}</h2> <div is="emby-scroller" class="emby-scroller padded-top-focusscale padded-bottom-focusscale" data-mousewheel="false" data-centerfocus="true" data-horizontal="true"> <div is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer padded-left padded-right focusable peopleItemsContainer generalItemsContainer" data-multiselect="false" data-virtualscrolllayout="horizontal-grid"></div> Edited March 6, 2021 by Happy2Play 1 Link to comment Share on other sites More sharing options...
tr0nllam 34 Posted April 7, 2021 Share Posted April 7, 2021 On 3/5/2021 at 8:37 PM, Happy2Play said: You have to edit the item.html removing "data-virtualscrolllayout="horizontal-grid"", along with previous css. In the latest beta (4.6.0.37), this still removes the virtual scrolling, but now it's only displaying 12 total cast members. Any idea how to fix it? Link to comment Share on other sites More sharing options...
Happy2Play 8144 Posted April 7, 2021 Author Share Posted April 7, 2021 1 hour ago, tr0nllam said: In the latest beta (4.6.0.37), this still removes the virtual scrolling, but now it's only displaying 12 total cast members. Any idea how to fix it? Noticed the same thing, still looking into it. Link to comment Share on other sites More sharing options...
Happy2Play 8144 Posted April 8, 2021 Author Share Posted April 8, 2021 19 hours ago, tr0nllam said: In the latest beta (4.6.0.37), this still removes the virtual scrolling, but now it's only displaying 12 total cast members. Any idea how to fix it? You need to adjust the C:\Users\username\AppData\Roaming\Emby-Server\system\dashboard-ui\modules\emby-elements\emby-itemscontainer\emby-itemscontainer.js Spoiler function getVirtualChunkSize(elem, listOptions) { var size = elem.virtualChunkSize; if (size) return size; !listOptions && elem.getListOptions && (listOptions = elem.getListOptions([])); var layout = listOptions ? listOptions.virtualScrollLayout : elem.getAttribute("data-virtualscrolllayout"); if (layout) { if (layout.includes("horizontal")) return 12; var renderer = listOptions ? listOptions.renderer : null; return renderer && renderer !== cardBuilder ? 30 : 50 } 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now