CSS changes after 4.8.1

[Alexwerilles 3]

after the update (4.8.1) some css adjustments no longer work. How do I hide "Display" and "Home Screen" in settings?

 

Also, how can I hide the emby version that is below "App settings"?

 

And also how do I hide "Emby Web" and Keyboard and Remote" also in settings?

[Alexwerilles 3]

.

[Happy2Play 8321]

 

2 hours ago, Alexwerilles said:

after the update (4.8.1) some css adjustments no longer work. How do I hide "Display" and "Home Screen" in settings?

Something like this

div.view-settings-settings [title="Display"], div.view-settings-settings [title="Home Screen"] {display: none;}

 

2 hours ago, Alexwerilles said:

Also, how can I hide the emby version that is below "App settings"?

Something like this

div.dialogContainer div.listItemBody-2-lines div.listItemBodyText-secondary {display: none;}

 

2 hours ago, Alexwerilles said:

And also how do I hide "Emby Web" and Keyboard and Remote" also in settings?

Something like this

div.view-settings-settings div.dynamicRoutes h3:nth-child(3), div.view-settings-settings div.dynamicRoutes div:nth-child(4) {display: none;}

and for footer version number

div.view-settings-settings div.settingsContentContainer p.appInfo {display: none;}

 

As for navdrawer that is another story as there could be two open navdrawers now.

 

[Alexwerilles 3]

26 minutes ago, Happy2Play said:

 

Something like this

div.view-settings-settings [title="Display"], div.view-settings-settings [title="Home Screen"] {display: none;}

 

Something like this

div.dialogContainer div.listItemBody-2-lines div.listItemBodyText-secondary {display: none;}

 

Something like this

div.view-settings-settings div.dynamicRoutes h3:nth-child(3), div.view-settings-settings div.dynamicRoutes div:nth-child(4) {display: none;}

and for footer version number

div.view-settings-settings div.settingsContentContainer p.appInfo {display: none;}

 

As for navdrawer that is another story as there could be two open navdrawers now.

 

 

So it is no longer possible to remove these options from the drawer?

 

[Happy2Play 8321]

3 minutes ago, Alexwerilles said:

 

So it is no longer possible to remove these options from the drawer?

 

Sort of as both drawers will share code.

div.mainDrawer [title="Display"], div.mainDrawer [title="Home Screen"], div.mainDrawer [title="Emby Web"], div.mainDrawer [title="Keyboard and Remote"] {display: none;}

Issue will leave the collaspe container for Emby Web.  And if using child element will remove something different from other drawer.

[Happy2Play 8321]

So yes in theory you could just do this but do not know of all the areas used.

[title="Display"], [title="Home Screen"], [title="Emby Web"], [title="Keyboard and Remote"] {display: none;}

 

[Alexwerilles 3]

How can I put links in the home page again after version 4.8.1? @Happy2Play

thanks again for the help

Edited 11 hours ago by Alexwerilles

[Happy2Play 8321]

2 hours ago, Alexwerilles said:

How can I put links in the home page again after version 4.8.1? @Happy2Play

thanks again for the help

Same way as before.  How did you do it previously?

[Alexwerilles 3]

38 minutes ago, Happy2Play said:

Same way as before.  How did you do it previously?

the links were like this before

 

[Happy2Play 8321]

5 minutes ago, Alexwerilles said:

the links were like this before

 

And did you add you code to the home.html or replace the home.html?

As I don't see and issue using the existing code on current home.html

[Alexwerilles 3]

37 minutes ago, Happy2Play said:

And did you add you code to the home.html or replace the home.html?

As I don't see and issue using the existing code on current home.html

so when I replace it with the old home.html it breaks the home page. I already tried to put the links in the new home.html but the links are buggy, instead of being on top they are on the library side

 

 

Edited 7 hours ago by Alexwerilles

[Alexwerilles 3]

6 minutes ago, Happy2Play said:

And did you add you code to the home.html or replace the home.html?

As I don't see and issue using the existing code on current home.html

I hadn't seen this post, I'll see it now. thanks

[Happy2Play 8321]

yes the other topic talks about the required "flex-direction-column" change.  Shown in linked post or a couple posts down.

[Alexwerilles 3]

24 minutes ago, Happy2Play said:

yes the other topic talks about the required "flex-direction-column" change.  Shown in linked post or a couple posts down.

 

following the step in the mentioned post, there is a huge space between "home/favorites', links and library

 

[Alexwerilles 3]

home.html

 

<div class="view flex flex-direction-column withTabs">

    <div class="tabContent tabContent-positioned flex flex-grow" data-index="0">

        <div is="emby-scroller" data-horizontal="false" data-centerfocus="true" data-navcommands="card" data-forcescrollbar="true" class="scrollFrameY flex flex-direction-column flex-grow focuscontainer-down" data-bindheader="true">
        
    <div class="Personal-Links" style="top:120px;text-align:center;position:relative;">
            
                <a is="emby-linkbutton" class="button-link" href="hlink" target="_blank" style="text-decoration: none;color: #D3D3D3;margin: 0 .7em;">text</a>&emsp;
                <a is="emby-linkbutton" class="button-link" href="link" target="_blank" style="text-decoration: none;color: #D3D3D3;margin: 0 .7em;">text</a>&emsp;
                <a is="emby-linkbutton" class="button-link" href="link" target="_blank" style="text-decoration: none;color: #D3D3D3;margin: 0 .7em;">text</a>&emsp;
                <a is="emby-linkbutton" class="button-link" href="link" target="_blank" style="text-decoration: none;color: #D3D3D3;margin: 0 .7em;">text</a>&emsp;    
            <pre>
            
            </pre>

    </div>

            <div class="scrollSlider flex-grow padded-top-page">
                <div class="sections"></div>
                <div class="padded-bottom-page"></div>
            </div>
        </div>

    </div>
    <div class="tabContent flex flex-grow" data-index="1">
        <div is="emby-scroller" data-horizontal="false" data-centerfocus="true" data-navcommands="card" data-forcescrollbar="true" class="scrollFrameY flex flex-grow focuscontainer-down" data-bindheader="true">

            <div class="scrollSlider flex-grow padded-top-page">
                <div class="sections"></div>
                <div class="padded-bottom-page"></div>
            </div>
        </div>
    </div>

    <div class="tabContent flex flex-direction-column flex-grow" data-index="2">

    </div>

</div>

[Happy2Play 8321]

4 minutes ago, Alexwerilles said:

 

following the step in the mentioned post, there is a huge space between "home/favorites', links and library

 

Okay but what exactly are you usings as code in that topic will cause that.

Appears we posted at the same time give me a minute.

Edited 7 hours ago by Happy2Play
update

[Happy2Play 8321]

Easiest method would be adjust the "top:120px" as all the styling is done with the added code.

[Alexwerilles 3]

15 minutes ago, Happy2Play said:

Easiest method would be adjust the "top:120px" as all the styling is done with the added code.

This reduces the space between home/favorites and the links but does not reduce the space between the links and library

 

 

Edited 7 hours ago by Alexwerilles

[Happy2Play 8321]

1 minute ago, Alexwerilles said:

This reduces the space between home/favorites and the links but does not reduce the space between the links and library

 

As mentioned in the other topic that is spacing caused by the <pre> code.  Removing it should correct the issue.

[Alexwerilles 3]

I did not pay attention. thanks @Happy2Play

[Alexwerilles 3]

Now that I saw it, on the cell phone it looks like this

 

Edited 6 hours ago by Alexwerilles

[Happy2Play 8321]

15 minutes ago, Alexwerilles said:

Now that I saw it, on the cell phone it looks like this

 

and per the other topic?  as it talks about that also.

 

[Happy2Play 8321]

Also note if you are copy and pasting you may be getting garbage encoding per the other topic also.

example 

UTF-8 shows this

while ANSI shows this garbage

So all these characters actually create spacing issue.

vs removed garbage characters

[Alexwerilles 3]

In this case, instead of copying from the other thread, I just tweaked it and added the "personal link" to the home.html of the current version of Emby (4.8.6). There was "&emsp" at the end of each link, it looked like this, as I said above:

<a is="emby-linkbutton" class="button-link" href="hlink" target="_blank" style="text-decoration: none;color: #D3D3D3;margin: 0 .7em;">text</a>&emsp;

And then it looked like this:

<a is="emby-linkbutton" class="button-link" href="link" target="_blank" style="text-decoration: none;color: #D3D3D3;margin: 0 .7em;">text</a>;

However, even with this change, there is still garbage.

 

 

[Alexwerilles 3]

And in fact, it shows that much garbage

 

 

I just don't know how to delete this junk via CSS