Jump to content


Photo

Next Up and Seasons switching places


  • Please log in to reply
27 replies to this topic

#1 cochize1 OFFLINE  

cochize1

    Advanced Member

  • Members
  • 95 posts
  • Local time: 06:44 PM

Posted 02 December 2019 - 08:12 AM

Is there a way to switch places to Next Up and Seasons (so that you can see Seasons right below the main poster)?

 

5de4ff4f64cb7_1212.jpg



#2 CarlosLima OFFLINE  

CarlosLima

    Advanced Member

  • Members
  • 523 posts
  • Local time: 02:44 PM
  • LocationSao Paulo

Posted 02 December 2019 - 05:36 PM

and I would like to remove Next Up. I see no reason for it to exist.

#3 chef ONLINE  

chef

    Advanced Member

  • Developers
  • 4115 posts
  • Local time: 12:44 PM
  • LocationPeterborough, Canada

Posted 02 December 2019 - 05:44 PM

Is there a way to switch places to Next Up and Seasons (so that you can see Seasons right below the main poster)?

5de4ff4f64cb7_1212.jpg


Yes, but I would mean editing HTML and it wouldn't be perminit. Meaning that each the server updated you would lose the edits.

#4 CarlosLima OFFLINE  

CarlosLima

    Advanced Member

  • Members
  • 523 posts
  • Local time: 02:44 PM
  • LocationSao Paulo

Posted 02 December 2019 - 05:52 PM

no problem

#5 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 16590 posts
  • Local time: 09:44 AM
  • LocationWashington State

Posted 02 December 2019 - 06:00 PM

and I would like to remove Next Up. I see no reason for it to exist.

 

That one is easy.

#itemDetailPage div.nextUpSection.verticalSection.detailVerticalSection {display: none;}

  • CarlosLima likes this

#6 cochize1 OFFLINE  

cochize1

    Advanced Member

  • Members
  • 95 posts
  • Local time: 06:44 PM

Posted 02 December 2019 - 06:18 PM

which exactly part of what html should I edit?



#7 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 16590 posts
  • Local time: 09:44 AM
  • LocationWashington State

Posted 02 December 2019 - 06:56 PM

which exactly part of what html should I edit?

Have you looked at the item.html in "\Emby-Server\system\dashboard-ui\item"?  It is layed out exactly as you see it.

 

 

As for reordering via css it can be done, but you have to remember that other content types use that same item.html so reordering TV will have an effect on Movies.  So you would need a order that would work on every itemdetails page.

 

Here is a example you can use to get what you want but navigate to a Movie and see what side effects you get.  I did not look at other itemdeatails views that may be affected.  (I believe all css methods will have issues do to all content types using the same html file so you could not like the change in other content types.  Same could apply for editing the html directly dependant of the change.)

div.detailPageContent { display: flex; flex-direction: column; }
#itemDetailPage div.nextUpSection { order: 2; }
#itemDetailPage div#childrenCollapsible { order: 1; }
#itemDetailPage div#castCollapsible { order: 3; }


#8 CarlosLima OFFLINE  

CarlosLima

    Advanced Member

  • Members
  • 523 posts
  • Local time: 02:44 PM
  • LocationSao Paulo

Posted 02 December 2019 - 06:58 PM

 

That one is easy.

#itemDetailPage div.nextUpSection.verticalSection.detailVerticalSection {display: none;}

 

Hi,
1. I applied the CSS
2. I cleaned the browser
It didn't work, they are still there.

 

5de59728871bd_Screenshot.png



#9 chef ONLINE  

chef

    Advanced Member

  • Developers
  • 4115 posts
  • Local time: 12:44 PM
  • LocationPeterborough, Canada

Posted 02 December 2019 - 07:07 PM

Hi,
1. I applied the CSS
2. I cleaned the browser
It didn't work, they are still there.

5de59728871bd_Screenshot.png


Did you apply the !important modifier to the display none?
  • CarlosLima likes this

#10 CarlosLima OFFLINE  

CarlosLima

    Advanced Member

  • Members
  • 523 posts
  • Local time: 02:44 PM
  • LocationSao Paulo

Posted 02 December 2019 - 07:09 PM

Did you apply the !important modifier to the display none?

 

No ...
#itemDetailPage div.nextUpSection.verticalSection.detailVerticalSection {display: none;}


Edited by CarlosLima, 02 December 2019 - 07:10 PM.


#11 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 16590 posts
  • Local time: 09:44 AM
  • LocationWashington State

Posted 02 December 2019 - 07:12 PM

Hi,
1. I applied the CSS
2. I cleaned the browser
It didn't work, they are still there.

 

5de59728871bd_Screenshot.png

 

 

Not sure what to say it works fine here in Chrome as that is all I really test in.  

 

5de59a3cb3f95_no.jpg



#12 chef ONLINE  

chef

    Advanced Member

  • Developers
  • 4115 posts
  • Local time: 12:44 PM
  • LocationPeterborough, Canada

Posted 02 December 2019 - 07:13 PM

#itemDetailPage div.nextUpSection.verticalSection.detailVerticalSection {display: none !important;}

Remember we re overriding embys default styles, so we must always add !important to our style changes to tell the DOM that "this style is what we want to use".

Edited by chef, 02 December 2019 - 07:14 PM.


#13 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 16590 posts
  • Local time: 09:44 AM
  • LocationWashington State

Posted 02 December 2019 - 07:13 PM

Did you apply the !important modifier to the display none?

All depends on how the element is targeted and !important is usually not needed.



#14 cochize1 OFFLINE  

cochize1

    Advanced Member

  • Members
  • 95 posts
  • Local time: 06:44 PM

Posted 02 December 2019 - 07:14 PM

Since I have Live TV this worked like a charm and placed everything inorder in both Movies and Series libreries:

div.detailPageContent { display: flex; flex-direction: column; }
#itemDetailPage div#childrenCollapsible { order: 1; }
#itemDetailPage div.nextUpSection { order: 2; }
#itemDetailPage div#castCollapsible { order: 3; }
#itemDetailPage div#similarCollapsible { order: 4; }
#itemDetailPage div#similarOnLiveTVCollapsible { order: 5; }

as for the Next Up this code worked right away even without the !important part (in Chrome):

#itemDetailPage div.nextUpSection.verticalSection.detailVerticalSection {display: none;}

so thank you, I am all set


Edited by cochize1, 02 December 2019 - 07:15 PM.


#15 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 16590 posts
  • Local time: 09:44 AM
  • LocationWashington State

Posted 02 December 2019 - 07:21 PM

#itemDetailPage div.nextUpSection.verticalSection.detailVerticalSection {display: none !important;}

Remember we re overriding embys default styles in case, so we must always add !important to our style changes to tell the DOM that "this style is what we want to use".

 

You only need !important in you were targeting the exact same way it is written in Emby.  As you can see the majority of the code I post never uses !important.


  • CarlosLima likes this

#16 CarlosLima OFFLINE  

CarlosLima

    Advanced Member

  • Members
  • 523 posts
  • Local time: 02:44 PM
  • LocationSao Paulo

Posted 02 December 2019 - 07:28 PM

You only need !important in you were targeting the exact same way it is written in Emby.  As you can see the majority of the code I post never uses !important.

 

Thanks for the tip, however, same thing, still there.
I use Chrome too.

#itemDetailPage div.nextUpSection.verticalSection.detailVerticalSection {display: none !important;}



#17 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 16590 posts
  • Local time: 09:44 AM
  • LocationWashington State

Posted 02 December 2019 - 07:28 PM

Since I have Live TV this worked like a charm and placed everything inorder in both Movies and Series libreries:

div.detailPageContent { display: flex; flex-direction: column; }
#itemDetailPage div#childrenCollapsible { order: 1; }
#itemDetailPage div.nextUpSection { order: 2; }
#itemDetailPage div#castCollapsible { order: 3; }
#itemDetailPage div#similarCollapsible { order: 4; }
#itemDetailPage div#similarOnLiveTVCollapsible { order: 5; }

as for the Next Up this code worked right away even without the !important part (in Chrome):

#itemDetailPage div.nextUpSection.verticalSection.detailVerticalSection {display: none;}

so thank you, I am all set

  Are you saying you don't have a issue with Cast and Crew appearing below Media Info on a Movie?

 

5de59e28d8d37_ex.jpg



#18 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 16590 posts
  • Local time: 09:44 AM
  • LocationWashington State

Posted 02 December 2019 - 07:32 PM

But that would be a easy fix giving "#itemDetailPage div.audioVideoMediaInfo" a higher order number.



#19 cochize1 OFFLINE  

cochize1

    Advanced Member

  • Members
  • 95 posts
  • Local time: 06:44 PM

Posted 02 December 2019 - 07:35 PM

I already have it hidden so no:)

.detailVerticalSection.audioVideoMediaInfo{
    display: none!important;
}

  • Happy2Play likes this

#20 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 16590 posts
  • Local time: 09:44 AM
  • LocationWashington State

Posted 02 December 2019 - 07:37 PM

Okay that would be information for everyone else. :D






0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users