Jump to content


Photo

Remove Horizontal Scrolling (beta server)

Custom Css

  • Please log in to reply
12 replies to this topic

#1 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 14424 posts
  • Local time: 02:39 PM
  • LocationWashington State

Posted 28 October 2018 - 01:10 AM

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 by Happy2Play, 28 October 2018 - 11:41 AM.

  • arrbee99, mgworek, Baenwort and 2 others like this

#2 arrbee99 OFFLINE  

arrbee99

    Advanced Member

  • Members
  • 2666 posts
  • Local time: 09:39 AM
  • LocationNew Zealand

Posted 28 October 2018 - 01:20 AM

Like this on steroids / amphetamines / uppers etc etc



#3 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 14424 posts
  • Local time: 02:39 PM
  • LocationWashington State

Posted 28 October 2018 - 01:22 AM

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; }


#4 PenkethBoy OFFLINE  

PenkethBoy

    Advanced Member

  • Members
  • 3267 posts
  • Local time: 10:39 PM
  • LocationWarrington,UK

Posted 28 October 2018 - 10:05 AM

 

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


  • Happy2Play likes this

#5 PenkethBoy OFFLINE  

PenkethBoy

    Advanced Member

  • Members
  • 3267 posts
  • Local time: 10:39 PM
  • LocationWarrington,UK

Posted 06 November 2018 - 10:36 AM

@ 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



#6 arrbee99 OFFLINE  

arrbee99

    Advanced Member

  • Members
  • 2666 posts
  • Local time: 09:39 AM
  • LocationNew Zealand

Posted 06 November 2018 - 03:58 PM

@ 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  :)



#7 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 14424 posts
  • Local time: 02:39 PM
  • LocationWashington State

Posted 04 December 2018 - 11:06 PM

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; }


#8 hshah OFFLINE  

hshah

    Advanced Member

  • Members
  • 104 posts
  • Local time: 10:39 PM

Posted 21 April 2019 - 08:15 PM

Does this still work with the latest beta?  

 

Using what has been posted, it always disables all scrolling... all or nothing basically :(



#9 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 14424 posts
  • Local time: 02:39 PM
  • LocationWashington State

Posted 21 April 2019 - 08:22 PM

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.



#10 hshah OFFLINE  

hshah

    Advanced Member

  • Members
  • 104 posts
  • Local time: 10:39 PM

Posted 21 April 2019 - 08:29 PM

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?



#11 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 14424 posts
  • Local time: 02:39 PM
  • LocationWashington State

Posted 21 April 2019 - 08:52 PM

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 by Happy2Play, 21 April 2019 - 08:59 PM.


#12 hshah OFFLINE  

hshah

    Advanced Member

  • Members
  • 104 posts
  • Local time: 10:39 PM

Posted 21 April 2019 - 09:01 PM

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 :)



#13 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 14424 posts
  • Local time: 02:39 PM
  • LocationWashington State

Posted 21 April 2019 - 09:21 PM

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?







Also tagged with one or more of these keywords: Custom Css

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users