Border radius in NUI isn't showing correctly

FiveM Resource Development & Modding
1

I’m working on a circle as a background but it’s not going that well. I’ve been using css3’s border-radius to make it a circle but the game makes it some kind of egg that has fought in a thousand battles against scissors, as seen below:

The code is quite simple, the border radius is applied as following:

border-radius: 100%;

which is found in the following class:

.circle-icon {
    position: absolute;
    border-radius: 100%;
    background-color: #55728b;
    width: 50px;
    height: 50px;
    top: -25px;
    left: calc(50% - 25px);
    text-align: center;
    line-height: 60px;
    color: #FFFFFF;
}

Is it a known problem that border radius this high isn’t working for a NUI or should I turn font smoothing on? avoid using border radius this high?

2

The next client update will update CEF and fix this regression in the last update.

1 Like
3

Awesome! any ETA for the update? I’ll just not touch the file and keep working on other things until the CEF has been updated.