Hallo,
I have a custom css that changes the row height and height of my buttons. Since version 8.1 the group buttons are not displaying as they used to (see picture below) Anyone know what I should add to my CSS to fix it?
Thanks
MyCSS
***************************
.thinrows .k-grid-content > table > tbody > tr > td > .k-button
{
padding-top:0px;
padding-bottom:0px;
line-height:.3cm;
}
.aw-form .form-inline .form-group, .form-inline .k-grid {
margin-bottom: .5em !important;
}
.k-button {
line-height: 1.5em !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
***************************************************
Custom CSS to change height of group button
Custom CSS to change height of group button
- Attachments
-
- Capture.PNG (2.14 KiB) Viewed 3500 times
Re: Custom CSS to change height of group button
I managed to figure it out. Please see below for those interested.
.thinrows .k-grid-content > table > tbody > tr > td > .k-button
{
padding-top:0px;
padding-bottom:0px;
line-height:.3cm;
}
.aw-form .form-inline .form-group, .form-inline .k-grid {
margin-bottom: .5em !important;
}
.k-button {
line-height: 1.1em;
height: 21px;
margin: 0px;
padding-top: 2px !important;
padding-bottom: 2px !important;
margin: 0 0 0 3px;
}
.thinrows .k-grid-content > table > tbody > tr > td > .k-button
{
padding-top:0px;
padding-bottom:0px;
line-height:.3cm;
}
.aw-form .form-inline .form-group, .form-inline .k-grid {
margin-bottom: .5em !important;
}
.k-button {
line-height: 1.1em;
height: 21px;
margin: 0px;
padding-top: 2px !important;
padding-bottom: 2px !important;
margin: 0 0 0 3px;
}