Move stuff down

[arrbee99 1712]

Also needs moving down ?

 

Would be nice if the downwards shift could be a different value from Movies, etc.

 

But still, thanks again, like things much better now. Thanks very much.

[arrbee99 1712]

Any chance if you're really bored tomorrow having a look at these which used to work -

 

Had a nice gradient on Movies or Series from top to bottom of whole page -

 

/*Add gradient to main movie or episode page*/

/*.detailPageContent {

background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.9));

}*/

 

and each episode in the list was in a darker grey elongated rectangle to make it easier to read -

 

/*Add transparent grey background to episode summary*/

#childrenContent div.listItem-content {background: rgba(0, 0, 0, 0.3);}

[Happy2Play 9441]

 

Any chance if you're really bored tomorrow having a look at these which used to work -

 

Had a nice gradient on Movies or Series from top to bottom of whole page -

 

/*Add gradient to main movie or episode page*/

/*.detailPageContent {

background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.9));

}*/

 

and each episode in the list was in a darker grey elongated rectangle to make it easier to read -

 

/*Add transparent grey background to episode summary*/

#childrenContent div.listItem-content {background: rgba(0, 0, 0, 0.3);}

 

 

Gradient affects all itemdetails pages.  But it would appear it did that before.

/*Add gradient to main movie or episode page*/
div.itemMainScrollSlider {
background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.9));
}

/*Add transparent grey background to episode summary*/
div.listItem-withContentWrapper div.listItem-content {background: rgba(0, 0, 0, 0.3);}

Change to make Album shift down also.

div.topDetailsMain {padding-top: 30em; }

to

div.topDetailsContainer {padding-top: 30em; }

Also needs moving down ?

 

Would be nice if the downwards shift could be a different value from Movies, etc.

 

But still, thanks again, like things much better now. Thanks very much.

Don't see a way to make different for each type as the details page is the same for all.

 

Only difference I currently see is all items are this

div.topDetailsContainer.flex.flex-direction-row-reverse

and Albums are

div.topDetailsContainer.flex.flex-direction-row

So you can target those two separately with that, instead of "div.topDetailsContainer"

[arrbee99 1712]

Thanks very much. seems all that works great.

 

These seem to work separately for Movies and Albums -

 

/*New move stuff down Movies Series */

div.topDetailsContainer.flex.flex-direction-row-reverse {padding-top: 41em; }

 

/*New move stuff down Albums*/

div.topDetailsContainer.flex.flex-direction-row {padding-top: 41em; }

 

just need to fine tune the em values. Haven't spotted any unintended consequences, touch wood.

[Happy2Play 9441]

 

Thanks very much. seems all that works great.

 

These seem to work separately for Movies and Albums -

 

/*New move stuff down Movies Series */

div.topDetailsContainer.flex.flex-direction-row-reverse {padding-top: 41em; }

 

/*New move stuff down Albums*/

div.topDetailsContainer.flex.flex-direction-row {padding-top: 41em; }

 

just need to fine tune the em values. Haven't spotted any unintended consequences, touch wood.

 

 "div.topDetailsContainer" would cover both unless you what them different.

[arrbee99 1712]

Thanks. Will keep them separate for now 

[seanbuff 1146]

I feel like a variation of this was just implemented by default in the latest server beta (4.4.0.6)

 

Big empty space at the top with item details all moved further down - intentional or not? 

[arrbee99 1712]

If its intentional I wouldn't complain, though others, not so sure.

 

Guess I'll have to remove stuff too see what it looks like...

 

Hope I'm not going to be pestering Happy2play again.

[arrbee99 1712]

Looks quite decent to me, though I can't actually remember what it was like before very well. Like you say, moved stuff down a bit and can see more / brighter version of the backdrop, like Android TV version I think ?

 

Would prefer less graduation though.

 

Edit - and not applied to Collections yet it appears.

Edited January 6, 2020 by arrbee99

[Happy2Play 9441]

I feel like a variation of this was just implemented by default in the latest server beta (4.4.0.6)

 

Big empty space at the top with item details all moved further down - intentional or not? 

Would need a example but I do not see anything new in .6 besides reduced poster size.

[arrbee99 1712]

Would need a example but I do not see anything new in .6 besides reduced poster size.

 

Think backdrop is brighter and more graduated.

[Happy2Play 9441]

Okay the machine I am currently looking at has display scaling so everything looked normal.  Changing it back to 100% is see changes.  Need to look at a unmodified system.

Edited January 7, 2020 by Happy2Play

[seanbuff 1146]

Yeah you'll only see the changes when the window is almost at max size

[PenkethBoy 2066]

seeing no reduction in size of the huge posters with 4406

[arrbee99 1712]

Would anyone know please how to get rid of the album cover here -

 

 

so that the controls move up level with the Best of Bowie bit (and then I can move everything down a bit more).

 

Thought it might be something to do with -

 

div.detailImage detailImage-side {display: None !important; }

 

but it doesn't work and its not like I have any idea what I'm doing...

[Happy2Play 9441]

Would anyone know please how to get rid of the album cover here -

 

 

so that the controls move up level with the Best of Bowie bit (and then I can move everything down a bit more).

 

Thought it might be something to do with -

 

div.detailImage detailImage-side {display: None !important; }

 

but it doesn't work and its not like I have any idea what I'm doing...

 

Remove the container instead of the image.

div.item-side-imageContainer {display: none; }

[Happy2Play 9441]

Would anyone know please how to get rid of the album cover here -

 

 

so that the controls move up level with the Best of Bowie bit (and then I can move everything down a bit more).

 

Thought it might be something to do with -

 

div.detailImage detailImage-side {display: None !important; }

 

but it doesn't work and its not like I have any idea what I'm doing...

But your code should be "img.detailImage.detailImage-side", which works also.

Edited January 24, 2020 by Happy2Play

[arrbee99 1712]

Excellent. That'll do nicely thank you