Servoy Forum

I am trying to set the font size and padding for the side menu items; I can see this font being used briefly before the whole screen is refreshed and the font size has been updated to the same size.

I have also tried using:

Code: Select all

.svy-sidenav-item.sn-level-1 {
    font-size: 18px;
    color: #000;
}


as in the documentation example; the color is used but the font size is reset. I have removed 'sn-large' from the instantiation of the menu item class in the code and moved the import of the .less file to the bottom of the main project .less file but to no avail.

Is very likely a noob question but it would be great to know why this is happening.

I fixed this issue with the following CSS:

Code: Select all

.svy-sidenav-item.sn-level-1 {
    .svy-sidenav-item-text {
        font-size: 12px;
        font-weight: bold;
    }
}

.svy-sidenav-item.sn-level-2 {
    .svy-sidenav-item-text {
        font-size: 11px;
    }
}