.svy-sidenav-item font-size over-ridden

Questions and answers on designing your Servoy solutions, database modelling and other 'how do I do this' that don't fit in any of the other categories

.svy-sidenav-item font-size over-ridden

Postby roddy » Mon Nov 23, 2020 7:40 am

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.
roddy
 
Posts: 100
Joined: Mon Oct 26, 2020 12:32 am

Re: .svy-sidenav-item font-size over-ridden

Postby roddy » Mon Dec 14, 2020 2:45 am

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;
    }
}
roddy
 
Posts: 100
Joined: Mon Oct 26, 2020 12:32 am


Return to Programming with Servoy

Who is online

Users browsing this forum: No registered users and 5 guests

cron