UI-Theme - Row height

[smanjunath211]

This must have been asked before, but cant find from my search skills.

How to make the row height much more compact than default minimum (32) in UI-THEME settings ?

I want to display a ui-table, with more compact style (more no of rows in visible desktop).

[hotNipi]

2 things to adjust
Font size and the row height. Find good balance between those.

.nrdb-ui-table .v-table--density-default{
    --v-table-row-height: 20px;
}

.nrdb-ui-table .v-table__wrapper{
    font-size: smaller;
}

[smanjunath211]

I must be doing something wrong, the row height in the ui-table is not changing neither the font size

I tried widget group scope / page scope nothing is working.

EDIT: Font size is changing, row height is not..

[smanjunath211]

UPDATE:

there must be some other CSS override happening in the existing page/group.
I created a new page/group and the row height change is working!

EDIT:

adding a button , disturbs it.

butto

[hotNipi]

.nrdb-ui-table .v-table__wrapper .v-btn.v-btn--density-default{
    min-height: unset !important;
}

[smanjunath211]

UI Scope or Page Scope or CSS all pages?

[hotNipi]

It's up to you. I can't advise without knowing all about your dashboard structure and of course the design target.

[smanjunath211]

OK. I understood the concept.