• Hey Guest, we're evolving the future of TeaSpeak.
    You're invited to join the discussion here!

Pending Incorrectly displayed host banner mode-2

Vafin

TeaFanatic
You can fix it in the following way:
In file base.css
Find
Code:
.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
Code:
.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
Code:
.select_info .container-banner .hostbanner .image-container div.hostbanner-mode-2 {
    background-size: contain!important;
    width: 100%;
    height: 100%;
}
replace
Code:
.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

1325

1326

For comparison with Tea*Speak 3

1328
 
Last edited:

WolverinDEV

TeaSpeak Team
Staff member
Administrator
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

TeaFanatic
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:
Code:
.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;
}
1329