Jump to content

My simple tweak to wrap/flow "My Media"


them8os235

Recommended Posts

them8os235
div.homeSectionsContainer div[is="emby-itemscontainer"].itemsContainer {
  flex-flow: wrap;
} 

This is my first time tweaking the CSS.  I really like it. Kudos to all that put that customability in-place (it's been in place a while, yes?).

And I really like the way this simple tweak above makes the Libraries flows now:

 

Wide Window:

CSStweaktoflowhome.1.thumb.PNG.195018926185b0705466a11c30390004.PNG

 

A bit narrower window w/a more 'typical' aspect ratio:

CSStweaktoflowhome.2.thumb.PNG.82f5656ab8b467d4485342e7be56ce35.PNG

 

Very very narrow window (minimum I could go, actually):

CSStweaktoflowhome.3.thumb.PNG.e9ed50010728d3c24901532df3116417.PNG

 

But found-out quickly to be precise with the CSS selector.  As my first attempt didn't include the 'div.homeSelectionsContainer' ancestor selector component to the 'div[is="emby-itemscontainer"].itemsContainer' descendant.  And almost everything was rendering as flex-flow:wrap.  (lol)

 

...OOPS!  (lol)

CSStweaktoflowhome_oops.PNG.6f3011f575e1e9321cbb408f7fff1a55.PNG

 

But no worry.  That won't happen if you include the 'div.homeSelectionsContainer' parent combinator in the selector.  Unless you want it to, that is. ;) 

 

Edited by them8os235
  • Thanks 1
Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...