Jump to content

A few css bits mostly from other people


arrbee99
Go to solution Solved by King Pin,

Recommended Posts

arrbee99

No idea, but would doubt it. Imagine you'd need to find the count in Embys database somewhere/somehow ?

But thats way beyond me, maybe @Happy2Play or someone else might know ?

  • Like 1
Link to comment
Share on other sites

Happy2Play
2 minutes ago, arrbee99 said:
21 minutes ago, kanipek said:

Is it possible using CSS to add a "count" ? - For instance when entering a collection there would be displayed the number of items in that collection. If I remember correctly this is something that once was available to us but got removed for some reason. I found it quite useful and I have a number of collections with over 100 items.

image.gif.713899788701b546b88cca35bf8f48fe.gifNo idea, but would doubt it. Imagine you'd need to find the count in Embys database somewhere/somehow ?

But thats way beyond me, maybe @Happy2Play or someone else might know ?

You are correct, css is only going to style the page not add elements like that.  @Luke would have to add item counts back into Collections.  Same needs added back to Season level of a Show also.

  • Like 1
Link to comment
Share on other sites

arrbee99

A few bits and bobs extra...

Borders Section - Tidied up this a bit (borders weren't done properly, make picture smaller, moved text down) -

to -

802047533_Embyborderinfobanner1.thumb.jpg.fccaae522d018315d30d77f434f62c26.jpg

Make TV Guide time slots bold, tiny change to borders round individual programs

New Blur Section - added some more transparent blur for menus

Made some menus smaller

New (basic) Font Section - A quick play with a font, can make some stuff difficult to read though

Obviously if you don't like, remove or comment out...

Will (hopefully) add to first post...

EDIT - and obviously I've just spotted a bug with borders on the Editing Images page. I'll try and fix it but holding your breath could be pretty risky...

EDIT AGAIN - hopefully bug is fixed and updated in first post

Edited by arrbee99
Link to comment
Share on other sites

  • 1 month later...
GrimReaper

Does anyone know can that single status line in Detail view be 'broken' into multiple lines vis CSS? I really hate it condensed as such, all jumbled together. Not like there's lack of screen estate on desktop, not quite clear about this obsession to condense everything everywhere as much as possible.

 1834168556_Screenshot2022-03-08205046.png.cda12027b5e7df457dd2c828ba9b7229.png

1145744713_Screenshot2022-03-08205046-Copy(2).png.92f747e26508ba2f6dbab4b504fa9b2f.png

Edited by GrimReaper
Link to comment
Share on other sites

Happy2Play
34 minutes ago, GrimReaper said:

Does anyone know can that single status line in Detail view be 'broken' into multiple lines vis CSS? I really hate it condensed as such, all jumbled together. Not like there's lack of screen estate on desktop, not quite clear about this obsession to condense everything everywhere as much as possible.

 1834168556_Screenshot2022-03-08205046.png.cda12027b5e7df457dd2c828ba9b7229.png

1145744713_Screenshot2022-03-08205046-Copy(2).png.92f747e26508ba2f6dbab4b504fa9b2f.png

Not something that will be limited to TV.

Something like this

div.detailTextContainer div.mediaInfoItems, div.detailTextContainer div.mediaInfoItems .starRatingContainer {display: block;}

 

  • Thanks 1
Link to comment
Share on other sites

GrimReaper
3 minutes ago, Happy2Play said:

Not something that will be limited to TV.

Something like this

div.detailTextContainer div.mediaInfoItems, div.detailTextContainer div.mediaInfoItems .starRatingContainer {display: block;}

 

Yep, that did it. Thanks. 👍

Link to comment
Share on other sites

fbrassin

First of all, thx for this CSS.

Second i'm playing a little bit with it.

I would like to remone 3d effect to icons in the dashboard, but i didn't find how to.

Can anyone help me?

I put image of wath i'd like to change.

 

 

Immagine 2022-03-14 092231.png

Link to comment
Share on other sites

Happy2Play
1 hour ago, fbrassin said:

First of all, thx for this CSS.

Second i'm playing a little bit with it.

I would like to remone 3d effect to icons in the dashboard, but i didn't find how to.

Can anyone help me?

I put image of wath i'd like to change.

 

 

Immagine 2022-03-14 092231.png

Have you looked at this topic?

 

Link to comment
Share on other sites

fbrassin

Thank you i didn't see it.

I'll give a look.

But are you able to tell me in the CSS of this thread which part is about those icons, i want to learn.

Link to comment
Share on other sites

arrbee99
13 hours ago, fbrassin said:

First of all, thx for this CSS.

Second i'm playing a little bit with it.

I would like to remone 3d effect to icons in the dashboard, but i didn't find how to.

Can anyone help me?

I put image of wath i'd like to change.

 

 

Immagine 2022-03-14 092231.png

I think if you search the css for i.md-icon that'll be the one. The third one that you find is the shortest and most general, so probably the one to go for. Probably best to just comment it out.

Also bear in mind your image has a white background, and the theme is for a dark background really, not that you can't fiddle to your hearts content...

  • Like 1
Link to comment
Share on other sites

Happy2Play
1 hour ago, arrbee99 said:
14 hours ago, fbrassin said:

First of all, thx for this CSS.

Second i'm playing a little bit with it.

I would like to remone 3d effect to icons in the dashboard, but i didn't find how to.

Can anyone help me?

I put image of wath i'd like to change.

 

 

Immagine 2022-03-14 092231.png

Expand  

I think if you search the css for i.md-icon that'll be the one. The third one that you find is the shortest and most general, so probably the one to go for. Probably best to just comment it out.

Also bear in mind your image has a white background, and the theme is for a dark background really, not that you can't fiddle to your hearts content...

Correct, but with 4.6.7.0 and 4.7 the code has changed making it harder to target and change these, per the final posts in the linked topic you have to try and target item with element selector as the unique identifiers no longer exist.

The conflict is there are 2 navdrawers and using selector elements affects both drawers.  Each drawer has different information.

Example code the same for both drawers.

image.thumb.png.13b22a37c3b6d4a7448ed391bde10c70.png

Code from @cheftopic

/*Custom Icons start*/
   /*https://materialdesignicons.com/*/
html:root
    {
    --iconColor: rgba(0, 0, 0, 0.5) !important;
    --iconWidth: 24px;
    --iconHeight: 24px;
    --iconTop: 2px;
    }
/*Display*/
    body > div.mainDrawer.scrollY.hiddenScrollY-hover.scrollY-mini.drawer-docked.drawer-open > div:nth-child(3) > div > button:nth-child(1) > div > div.listItemImageContainer.listItemImageContainer-square.defaultCardBackground.defaultCardBackground0 > i {
        content: '';
        visibility: hidden;
         }

    body > div.mainDrawer.scrollY.hiddenScrollY-hover.scrollY-mini.drawer-docked.drawer-open > div:nth-child(3) > div > button:nth-child(1) > div > div.listItemImageContainer.listItemImageContainer-square.defaultCardBackground.defaultCardBackground0 > i:before {
        mask: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'><path d='M21,16V4H3V16H21M21,2A2,2 0 0,1 23,4V16A2,2 0 0,1 21,18H14V20H16V22H8V20H10V18H3C1.89,18 1,17.1 1,16V4C1,2.89 1.89,2 3,2H21M5,6H14V11H5V6M15,6H19V8H15V6M19,9V14H15V9H19M5,12H9V14H5V12M10,12H14V14H10V12Z' /></svg>");
        -webkit-mask: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'><path d='M21,16V4H3V16H21M21,2A2,2 0 0,1 23,4V16A2,2 0 0,1 21,18H14V20H16V22H8V20H10V18H3C1.89,18 1,17.1 1,16V4C1,2.89 1.89,2 3,2H21M5,6H14V11H5V6M15,6H19V8H15V6M19,9V14H15V9H19M5,12H9V14H5V12M10,12H14V14H10V12Z' /></svg>");
        height: var(--iconHeight);
        content: '';
        background-color: var(--iconColor);
        visibility: visible;
        position: absolute;
        display: block;
        width: var(--iconWidth);
        margin-left: -2px;
        top: var(--iconTop);
        }

Dashboard drawer

image.png.fce890c2d8eb2e1b20d938258032747b.png

Home drawer

image.png.37ab93fa63039137f1d35896b9d054f0.png

Unfortunately I currently do not see a way to change this with CSS for specific location.

 

Edited by Happy2Play
  • Like 1
Link to comment
Share on other sites

fbrassin
9 hours ago, arrbee99 said:

I think if you search the css for i.md-icon that'll be the one. The third one that you find is the shortest and most general, so probably the one to go for. Probably best to just comment it out.

Also bear in mind your image has a white background, and the theme is for a dark background really, not that you can't fiddle to your hearts content...

Tnx, that did the trick.

Link to comment
Share on other sites

fbrassin

Hello,

with this css all is very fine, but something strange happens.

When i'm in a tv show scrolling episodes the first 2 or 3 episodes desappear from the view scroppling down and reappear scrolling back up.

Is there anything i can correct to solve this?

Here is a little video to show what happens. You see better at the end.

 

Link to comment
Share on other sites

arrbee99

I see that in Chrome but not in Firefox (so far). It also scrolls much more smoothly in Firefox. Getting rid of all the css does fix it up.

I'll try to find the cause, which will probably be trial and error, so might take a while.

Link to comment
Share on other sites

arrbee99

Am fairly sure if you look in the css and find the section 'Music Playing', the first line below that is causing the problem. I moves stuff down in an album listing but also moves stuff down for episodes, which is fine (to me), except it also seems to cause that disappearing episode thing in your video as well. Also it seems to affect where transparent backgrounds join in the previous page from the episodes page (the main Last Kingdom page in your example). Probably worth you commenting out that line to check.

Not sure how to fix it. Hopefully an expert might know...

 

Link to comment
Share on other sites

Happy2Play

Haven't figured it out yet but appears resolution related.  Sort of random, I can't get it to do it full screen and only sometime windowized.  Have to adjust width to cause it to happen.

But yes, appear related to the padding-top.

  • Like 1
Link to comment
Share on other sites

fbrassin
7 hours ago, Happy2Play said:

Haven't figured it out yet but appears resolution related.  Sort of random, I can't get it to do it full screen and only sometime windowized.  Have to adjust width to cause it to happen.

But yes, appear related to the padding-top.

You mean this?

 

/* Movie and Series Details Page */

/* Move details down */
div.flex-grow.topDetailsMain.flex.flex-direction-column  {padding-top: 15em; }
 

Link to comment
Share on other sites

fbrassin

Commenting the hole line solves the problem

div.flex-grow.topDetailsMain.flex.flex-direction-column  {padding-top: 15em; }

 

Link to comment
Share on other sites

arrbee99

I meant this one -

/* ---------------------------------------------------------------------------------------------------- */
/* Music Playing */


/* Move details down for albums */
div.topDetailsContainer.flex.flex-direction-row {padding-top: 40em; }

Link to comment
Share on other sites

fbrassin
12 hours ago, arrbee99 said:

I meant this one -

/* ---------------------------------------------------------------------------------------------------- */
/* Music Playing */


/* Move details down for albums */
div.topDetailsContainer.flex.flex-direction-row {padding-top: 40em; }

Also changing that value or comminting the line doesn't change.

I can confirm it is only in chrome browser, while in edge all is ok.

Link to comment
Share on other sites

  • 3 weeks later...
arrbee99
On 3/24/2022 at 8:32 PM, fbrassin said:

Also changing that value or comminting the line doesn't change.

I can confirm it is only in chrome browser, while in edge all is ok.

Might be worth temporarily disabling any browser plugins to see if that makes any difference.

Link to comment
Share on other sites

King Pin

I love this and thank you so much.  

I have 2 questions. 

1. Is there a way to reduce the height of the top menu bar to about half?

Capture.thumb.JPG.d79bfd0cd900c01eb62a6fb45047b1e7.JPG

 

2.  Can the scrolling be removed so you would have 2-3 rows underneath in each section?

Untitled.thumb.png.a9fa37332c6f8a41e6171a1b5cce3c10.png

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...