arrbee99 1544 Posted January 2, 2022 Author Share Posted January 2, 2022 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 ? 1 Link to comment Share on other sites More sharing options...
Happy2Play 8145 Posted January 2, 2022 Share Posted January 2, 2022 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. 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 ? 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. 1 Link to comment Share on other sites More sharing options...
arrbee99 1544 Posted January 7, 2022 Author Share Posted January 7, 2022 (edited) 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 - 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 January 8, 2022 by arrbee99 Link to comment Share on other sites More sharing options...
arrbee99 1544 Posted January 15, 2022 Author Share Posted January 15, 2022 It appears the blur effect I added no longer works (temporarily I hope) in Firefox. Chrome and Edge seem to be OK... See https://bugzilla.mozilla.org/show_bug.cgi?id=1741779 about 'backdrop-filter'. 1 Link to comment Share on other sites More sharing options...
GrimReaper 3226 Posted March 8, 2022 Share Posted March 8, 2022 (edited) 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. Edited March 8, 2022 by GrimReaper Link to comment Share on other sites More sharing options...
Happy2Play 8145 Posted March 8, 2022 Share Posted March 8, 2022 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. Not something that will be limited to TV. Something like this div.detailTextContainer div.mediaInfoItems, div.detailTextContainer div.mediaInfoItems .starRatingContainer {display: block;} 1 Link to comment Share on other sites More sharing options...
GrimReaper 3226 Posted March 8, 2022 Share Posted March 8, 2022 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 More sharing options...
fbrassin 35 Posted March 14, 2022 Share Posted March 14, 2022 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. Link to comment Share on other sites More sharing options...
Happy2Play 8145 Posted March 14, 2022 Share Posted March 14, 2022 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. Have you looked at this topic? Link to comment Share on other sites More sharing options...
fbrassin 35 Posted March 14, 2022 Share Posted March 14, 2022 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 More sharing options...
arrbee99 1544 Posted March 14, 2022 Author Share Posted March 14, 2022 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. 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... 1 Link to comment Share on other sites More sharing options...
Happy2Play 8145 Posted March 14, 2022 Share Posted March 14, 2022 (edited) 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. 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. 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 Home drawer Unfortunately I currently do not see a way to change this with CSS for specific location. Edited March 14, 2022 by Happy2Play 1 Link to comment Share on other sites More sharing options...
fbrassin 35 Posted March 15, 2022 Share Posted March 15, 2022 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 More sharing options...
fbrassin 35 Posted March 22, 2022 Share Posted March 22, 2022 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. WhatsApp Video 2022-03-22 at 14.46.43.mp4 Link to comment Share on other sites More sharing options...
arrbee99 1544 Posted March 22, 2022 Author Share Posted March 22, 2022 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 More sharing options...
arrbee99 1544 Posted March 23, 2022 Author Share Posted March 23, 2022 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 More sharing options...
Happy2Play 8145 Posted March 23, 2022 Share Posted March 23, 2022 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. 1 Link to comment Share on other sites More sharing options...
fbrassin 35 Posted March 23, 2022 Share Posted March 23, 2022 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 More sharing options...
fbrassin 35 Posted March 23, 2022 Share Posted March 23, 2022 I tried to change the value of 15em but it doesn't change the behavior Link to comment Share on other sites More sharing options...
fbrassin 35 Posted March 23, 2022 Share Posted March 23, 2022 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 More sharing options...
fbrassin 35 Posted March 23, 2022 Share Posted March 23, 2022 No, it is not true, i wrote to early. Problem persists also commenting that line. Link to comment Share on other sites More sharing options...
arrbee99 1544 Posted March 23, 2022 Author Share Posted March 23, 2022 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 More sharing options...
fbrassin 35 Posted March 24, 2022 Share Posted March 24, 2022 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 More sharing options...
arrbee99 1544 Posted April 8, 2022 Author Share Posted April 8, 2022 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 More sharing options...
King Pin 28 Posted April 9, 2022 Share Posted April 9, 2022 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? 2. Can the scrolling be removed so you would have 2-3 rows underneath in each section? Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now