jQuery UI CSS

Daimian

Allan, with the jQuery UI CSS file you are overriding any theme settings sometimes - is this intended?

Example:
.DTTT_button {
position: relative;
float: left;
margin-right: 3px;
padding: 3px 10px;
border: 1px solid #d0d0d0;
background-color: #fff;
color: #333 !important;
cursor: pointer;
}

The "color: #333 !important" overrides all theme text coloring (my custom created jQuery UI Theme button text coloring is white)

anag

Load your custom css file lower than datatables CSS and place !important in your styles. Or remove !important from datatables CSS.

!important is only used a very small amount of times in dataTables.jqueryui.css so just overwrite with your own CSS or remove it. Those are two simple options.

Daimian

You are correct, that would solve the issue.

However I was hoping Allan would either state his reason for using !important or change dataTables.jqueryui.css.

!important should never be used in production since it can have unexpected results.

allan

Yes that should be removed. I'll look into a fix. Thanks for flagging this up.

Allan

Daimian

Thanks Allan!

allan

Fixed committed. There are still one or two !important statements, but I think they are okay as they are. The integration is ever evolving though, so do let me know if there are other improvements that can be made!

Allan