Jump to content


Photo

Next Up and Seasons switching places


  • Please log in to reply
27 replies to this topic

#21 CarlosLima OFFLINE  

CarlosLima

    Advanced Member

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

Posted 02 December 2019 - 07:39 PM

Something I noticed days ago. Inside the custom CSS code box, sometimes one code or another doesn't work, but moving it around (higher or lower) will be fine.

Is this logical?



#22 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

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

Posted 02 December 2019 - 07:42 PM

Something I noticed days ago. Inside the custom CSS code box, sometimes one code or another doesn't work, but moving it around (higher or lower) will be fine.

Is this logical?

 

Shouldn't be unless you have code competing against each other, or some broken code  in your list.



#23 CarlosLima OFFLINE  

CarlosLima

    Advanced Member

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

Posted 02 December 2019 - 07:50 PM


#manualloginPage h1 {display: none;}


#manualloginPage label.checkboxContainer {display: none;}


#manualloginPage button.raised.block.buttonCancel.emby-button {display: none;}


#manualloginPage button.raised.cancel.block.btnForgotPassword.emby-button {display: none;}


.paper-icon-button-light { padding: 0em; }


div.skinHeader.skinHeader-withBackground {
    background: transparent;
    backdrop-filter: none;
}


.dashboardDocument div.skinHeader.skinHeader-withBackground  {
       background: rgba(255,255,255,.8);
       backdrop-filter: saturate(1.8) blur(1.5em);
}


button.raised.button-submit.btnHeaderPremiere.headerButton.emby-button {display: none;}


#itemDetailPage div.selectAudioContainer {display: none; }


#homeTab div.section0 div.sectionTitleContainer.sectionTitleContainer-cards {display: none; }


div.verticalSection.detailVerticalSection.audioVideoMediaInfo {display: none; }


#homeTab .smallBackdropCard {
    width: 9.09%;}


div.sections.homeSectionsContainer div.section0 .cardTextCentered {display: none;}


.adminDrawerLogo img {
  content: url(https://i.imgur.com/fJ7EsZT.png) !important; }


.pageTitleWithLogo { background-image: url(https://i.imgur.com/fJ7EsZT.png) !important; 
  height: 29px !Important;
  width: 110px !Important; 
}
{ pageTitleWithDefautLogo { height: 53px !important; } 


div.dialogContainer [data-id="sync"] {display: none; } 


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

This is my current list of CSS codes.

Thanks for checking if you have anything incoherent



#24 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

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

Posted 02 December 2019 - 08:06 PM


#manualloginPage h1 {display: none;}


#manualloginPage label.checkboxContainer {display: none;}


#manualloginPage button.raised.block.buttonCancel.emby-button {display: none;}


#manualloginPage button.raised.cancel.block.btnForgotPassword.emby-button {display: none;}


.paper-icon-button-light { padding: 0em; }


div.skinHeader.skinHeader-withBackground {
    background: transparent;
    backdrop-filter: none;
}


.dashboardDocument div.skinHeader.skinHeader-withBackground  {
       background: rgba(255,255,255,.8);
       backdrop-filter: saturate(1.8) blur(1.5em);
}


button.raised.button-submit.btnHeaderPremiere.headerButton.emby-button {display: none;}


#itemDetailPage div.selectAudioContainer {display: none; }


#homeTab div.section0 div.sectionTitleContainer.sectionTitleContainer-cards {display: none; }


div.verticalSection.detailVerticalSection.audioVideoMediaInfo {display: none; }


#homeTab .smallBackdropCard {
    width: 9.09%;}


div.sections.homeSectionsContainer div.section0 .cardTextCentered {display: none;}


.adminDrawerLogo img {
  content: url(https://i.imgur.com/fJ7EsZT.png) !important; }


.pageTitleWithLogo { background-image: url(https://i.imgur.com/fJ7EsZT.png) !important; 
  height: 29px !Important;
  width: 110px !Important; 
}
{ pageTitleWithDefautLogo { height: 53px !important; } 


div.dialogContainer [data-id="sync"] {display: none; } 


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

This is my current list of CSS codes.

Thanks for checking if you have anything incoherent

 

 

 

At quick glance "{ pageTitleWithDefautLogo" should be ".pageTitleWithDefautLogo" or I believe "h3.pageTitleWithDefautLogo" if I am looking in the correct spot.  Not sure exactly where the stop point is when it comes to broken code.



#25 chef ONLINE  

chef

    Advanced Member

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

Posted 02 December 2019 - 08:40 PM

Also watch for !important spelling with lowercase 'i', not uppercase: '!Important'

Edited by chef, 02 December 2019 - 08:44 PM.


#26 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

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

Posted 02 December 2019 - 08:54 PM

OT @chef see the difference targeting without the need for !important.  I guess it really depends on the global needs for the element if it is used elsewhere.

.pageTitleWithLogo { background-image: url(https://i.imgur.com/fJ7EsZT.png) !important;
  height: 29px !Important;
  width: 110px !Important;
}

versus

h3.pageTitleWithLogo { background-image: url(https://i.imgur.com/fJ7EsZT.png); 
  height: 29px;
  width: 110px; 
}

Edited by Happy2Play, 02 December 2019 - 08:56 PM.

  • chef likes this

#27 chef ONLINE  

chef

    Advanced Member

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

Posted 02 December 2019 - 09:32 PM

OT @chef see the difference targeting without the need for !important. I guess it really depends on the global needs for the element if it is used elsewhere.

.pageTitleWithLogo { background-image: url(https://i.imgur.com/fJ7EsZT.png) !important;
  height: 29px !Important;
  width: 110px !Important;
}

versus

h3.pageTitleWithLogo { background-image: url(https://i.imgur.com/fJ7EsZT.png); 
  height: 29px;
  width: 110px; 
}
 
I see that. Some items in the default style sheets are tagged with important too and are unchangeable.

For instance, I noticed that in the web app, when the mainDrawer is shown, the highlighted element (which uses the new root: --var) is marked !important, and is unchangeable.
I wasn't able to get it to change from emby green through custom css.

Perhaps it's a way to keep branding specific?

In any case, good to know that element styles can be customized without using that override, everytime.

Edited by chef, 02 December 2019 - 09:33 PM.


#28 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

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

Posted 02 December 2019 - 09:43 PM

Follow up, order can be adjusted via CSS but you have to remember that each content type will have a slightly different layouts so if you have not addressed specific element orders they will be pushed up into a order you are not expecting.  One example could be "Extras" for movies.  Also elements can have the same "order number' do the fact they do not appear on that specific itemdtailpage layout.
 

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

As you can see "Included In" is first do to the fact is had not been "ordered".
 

5de5bc4ebc4ec_order.jpg

 

Not saying in any way this is the only way to do this, but my google foo pointed me in this direction.


Edited by Happy2Play, 02 December 2019 - 10:20 PM.

  • chef likes this




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users