Jump to content

convert home page 4.0.2.0 to 3.4.1.0


Recommended Posts

Hello everyone

here I am currently using version 3.4.1.0 emby and I want to upgrade to version 4.0.2.0, except what bothers me is the layout of the home page. I find thumbnails of "resume" and "latest media added" too small compared to version 3.4.1.0. therefore I would like to resemble the home page of version 4.0.2.0 to the home page of version 3.4.1.0. but I can not. if you would have a way. thank you

 

version 3.4.1.0

 

5cba498f15714_emby3410.png

 

emby version 4.0.2.0

 

5cba49a55d20a_emby4020.png

Link to post
Share on other sites
Happy2Play

Not sure how the scaling differs but you can adjust it to your liking.

#homeTab div.overflowPortaitCard {width: 11.6vw; }

​This only affects Poster images.

Link to post
Share on other sites
Happy2Play

thank you. I just tried and unfortunately nothing changes.

 

Did you increase the width value?

 

Note custom css only applies to LAN and WAN/DDNS connections.  It will now work on the online web client.

Edited by Happy2Play
Link to post
Share on other sites

yes i increase the value, i have tried with 30vw , 50vw but nothing changes with #homeTab div.overflowPortaitCard {width: 11.6vw; }

 

yes i tried on the web client

Edited by z3ndra
Link to post
Share on other sites
Happy2Play

Sorry there was a typo in portrait

#homeTab div.overflowPortraitCard {width: 13vw; }
Link to post
Share on other sites

it still has no effect, it's strange

 

edit : its ok, but the size its higher than 13vw.

 

so do you know how make the same for the resume tab and trailers tab ?

 

how do you find this attributes for a specific page please ? in inspect element, i dont find that

Edited by z3ndra
Link to post
Share on other sites
Happy2Play

it's ok, but I can not put the progress bar back in green.5cbcb8bf49ce8_progressbar.png

 

And does it go back to green if you remove all your custom css?  What css code to you have that contains "progress"?

Link to post
Share on other sites
Happy2Play

that's the problem, it's that it does me that without any css

 

Have you tried a different browser?  Sounds like a browser cache issue to me if there is no css applied.

Link to post
Share on other sites

ok, it must come from the fact that I replace the theme dark by the theme light version 3.4.1.0

how to adapt it so that the bar reapplies?

Link to post
Share on other sites
Happy2Play

Here is what I get on a Windows 10 machine with no css. (Dark theme)
 
Chrome 73, Firefox 67 and Edge

5cbcc510ab3ea_progress.jpg

Edited by Happy2Play
Link to post
Share on other sites
Happy2Play

ok, it must come from the fact that I replace the theme dark by the theme light version 3.4.1.0

 

how to adapt it so that the bar reapplies?

 

I don't see a difference in progress indicators when changing themes.  Are you just changing themes via user preferences-display, or are you actually editing the Themes files?

Link to post
Share on other sites

what I mean is that I copied the contents of the css file of the theme light of version 3.4.1.0 into the file theme dark (so that it defaults) in version 4.0.2.0. and I took a look and there is an element called moz-range-progress which is not in the css of the themes of version 3.4.1.0

 

i prefer the 3.4.1.0 version because the light theme version of the 4.0.2.0 version is different

Edited by z3ndra
Link to post
Share on other sites
Happy2Play

what I mean is that I copied the contents of the css file of the theme light of version 3.4.1.0 into the file theme dark (so that it defaults) in version 4.0.2.0. and I took a look and there is an element called moz-range-progress which is not in the css of the themes of version 3.4.1.0

 

i prefer the 3.4.1.0 version because the light theme version of the 4.0.2.0 version is different

 

Okay I see what your talking about, would assume code changed between versions as it can only be reproduce coping the theme from old version into new version.  I will have to look threw the file and see if I see the changes.

Link to post
Share on other sites
Happy2Play

thank u so much

 

This should work as this is part of what I use to change colors in those sections.

/* Google Now Playing Bar & Now Playing Page */
.emby-slider-background-lower, .emby-slider::-webkit-slider-thumb {
  background: #52B54B !important; }


/* Firefox Now Playing Bar & Now Playing Page */
.emby-slider::-moz-range-thumb, .emby-slider::-moz-range-progress {
  background: #52B54B !important; }
Edited by Happy2Play
Link to post
Share on other sites
Happy2Play

how do you find this attributes for a specific page please ? in inspect element, i dont find that

 

Right click on the area and select inspect.  You may have to click through elements above or below the element you opened on.

5cbcdcae5bfe8_inspect.jpg

 

Edited by Happy2Play
Link to post
Share on other sites

top it works, thank u. finally how would you change the resolution of images in every portraitscard ? because with enlargement, the image has become blurry

 

and how modify scroll buttons on the home page ? please

Edited by z3ndra
Link to post
Share on other sites
Happy2Play

top it works, thank u. finally how would you change the resolution of images in every portraitscard ? because with enlargement, the image has become blurry

 

and how modify scroll buttons on the home page ? please

 

There isn't a way that I know of as the images are scripted for maxHeight, maxWidth, and Quality.

 

What do you want to modify?

 

5cbceb8a5e641_sb.jpg

Link to post
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...