I have a user requesting to change the row height (style) for a Gantt control. The user made a similar request for a TreeList and a Grid and I was able to identify the properties in css and override them with padding-block and padding-line. I tried the same for the Gantt control but those properties did not achieve the desired result.
Here is the spacing they want that I was able to set for the TreeList and Grid controls:
I was able to achieve that with the following css:
.k-grid-md td, .k-grid-md .k-table-td, .k-button-md {padding-block: 0;
padding-inline: 0;
}
The k-button-md was needed to reduce the padding if there was a command button on the row.
Here is what the Gantt control looks like now:
Any suggestions on how to achieve the same on the Gantt control?