Side navigation sizing

Dashboard
1

I would like to increase the size of the side navigation menu in the dashboard.

md-sidenav > md-list > md-list-item{
    font-size: 48px;
    line-height: 100px;
    max-width: 600px;
    width: 600px;
}

font-size works, but width only works to a certain extent and will not get wide enough to handle the larger font. line-height does not work so the characters are too tall for the spacing.
How do I know what properties will work and what is the list of properties that I can change in the template?

Thanks,
Tom

2

try this in a ui-template (set for head mode)...

<style>
    #nr-dashboard > md-content > section > md-sidenav.md-sidenav-left._md {
        min-width: 600px !important;
        width: auto;
    }
</style>
3

Thanks. I needed to include both:

md-sidenav > md-list > md-list-item {
    font-size: 48px;
    height: 64px;
}
#nr-dashboard > md-content > section > md-sidenav.md-sidenav-left._md {
    min-width: 600px !important;
    width: auto;
}

Where is this documented so that I can figure out future issues myself.

I would also like to know how to make the ui-form input node useable with a larger font. The font size does increase when you increase the dashboard text, but the line spacing and labels do not so you end up with values on top of the labels.

It would be very helpful if you could change the line spacing, font size and style of every dashboard node from the node properties.

Thanks again,
Tom

4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.