Pending Incorrectly displayed host banner mode-2

[Vafin]

You can fix it in the following way:
In file base.css
Find

.select_info .container-banner {
    position: relative;
    flex-grow: 1;
    flex-shrink: 2;
    max-height: 25%;
    min-height: 0;
    display: flex;
    justify-content: stretch;
    overflow: hidden;
}

replace

.select_info .container-banner {
    position: relative;
    flex-grow: 1;
    flex-shrink: 2;
    max-height: 50%;
    min-height: 0;
    display: flex;
    justify-content: stretch;
    overflow: hidden;
}

Find

.select_info .container-banner .hostbanner .image-container div.hostbanner-mode-2 {
    background-size: contain!important;
    width: 100%;
    height: 100%;
}

replace

.select_info .container-banner .hostbanner .image-container div.hostbanner-mode-2 {
    background-size: contain!important;
    background-position: center top !important;
    width: 100%;
    height: 100%;
}

Here's how it looks before and after making changes





For comparison with Tea*Speak 3

 

[WolverinDEV]

First of all: I love your participation

But I still have a concern:
Are you sure that TS3 uses more then 50% of the space just for the host banner?
As well if you're using so much space for the host banner, does it may disturb the music bot GUI?

And the the top center location, that makes ofc sense, and will be added

 

[Vafin]

First of all: I love your participation

But I still have a concern:
Are you sure that TS3 uses more then 50% of the space just for the host banner?
As well if you're using so much space for the host banner, does it may disturb the music bot GUI?

And the the top center location, that makes ofc sense, and will be added

I measured the maximum aspect ratio and calculated the % height.
278*100/666 =41,74%= 42%
So the css code will be:

.select_info .container-banner {
    position: relative;
    flex-grow: 1;
    flex-shrink: 2;
    max-height: 42%;
    min-height: 0;
    display: flex;
    justify-content: stretch;
    overflow: hidden;
}

 

[WolverinDEV]

fixed/implemented