• Welcome to the Chevereto User Community!

    Here, users from all over the world come together to learn, share, and collaborate on everything related to Chevereto. It's a place to exchange ideas, ask questions, and help improve the software.

    Please keep in mind:

    • This community is user-driven. Always be polite and respectful to others.
    • Support development by purchasing a Chevereto license, which also gives you priority support.
    • Go further by joining the Community Subscription for even faster response times and to help sustain this space
  • Chevereto Support CLST

    Support response

    Support checklist

    • Got a Something went wrong message? Read this guide and provide the actual error. Do not skip this.
    • Confirm that the server meets the System Requirements
    • Check for any available Hotfix - your issue could be already reported/fixed
    • Read documentation - It will be required to Debug and understand Errors for a faster support response

Language box seems broken

Status
Not open for further replies.
L

Lastopp

Chevereto Member
Hello, I can't seem to figure out the issue with the language box, it's just a mess. It looks normal on my Windows PC but on my Mac there is tons of empty spaces. (also tested different browsers)

It is also like this on the demo but not that many empty spaces. I have however found a Chevereto site that don't have this issue. Won't mention their domain but I can send it in a message it if this is a bug.

cLTsLPl.png
 
After disabling the following languages,
pVMQ7qM.png


It's now working 100%. So I don't really understand what the issue is.
8dz5y3k.png
 
Is very hard for me to debug that because I'm unable to reproduce it (Windows). Most likely it has something to do with font rendering, which is different in OS X.
 
This bug has been bothering me for a longest time and I finally found a way to fix it.

To fix it you'll need to apply fixed line-height to [.pop-box-menu li].
Like this:
Code: 
.pop-box-menu li {
    line-height: 20px;
}

For some reason browser is unable to correctly determine line-height of some characters on rendering which results in line wrap. It's also worth noting that it only happens to me on PCs with cyrillic languages, regardless of operating system, so it's might be related to OS language somehow.

For example, hangul here on Firefox 50 has height of 21px instead of 20px as the rest of elements, so menu breaks up from that point.
INCORRECT HEIGHT(21px):


CORRECT HEIGHT(20px):


Here're examples with different browsers before and after applying fix:
Firefox 50, Windows 10(RU) before fix


Firefox 50, Windows 10(RU) after fix


Chrome 52, Windows 10(RU) before fix


Chrome 52, Windows 10(RU) after fix


Hope that helps.
 
Last edited:
Yes, I tried with 1em and now I also tried with 100%.

With both 100% and 1 em bug disappeared in both firefox and chrome but calculated line-height for 1em and 100% is 14px in my case so menu looks a bit compressed, which can be of course fixed by increasing padding.


If you like to debug it further I can provide you with remote access to this PC.

edit. Setting [.pop-box-menu a] line-height to 1em or 100% and increasing padding to 10px makes menu display correctly for me.
https://cdn.netfl.it/i/images/2016/10/31/2016-10-3116.png
 
Last edited:
Does this works for you?

Code: 
.pop-box-menu a {
    line-height: 100%;
}
@media (min-width: 992px) {
    .pop-box-menu a {
        padding: 10px;
    }
}
 
Using 100% + 10px padding you get a weird display for some items (for instance dashboard settings menu). 143% is 20:14.
 
For the sake of my mind, please keep things in separate topics. Open a net topic for that issue, please.
 
Status
Not open for further replies.
Back
Top