bootstrap.css and grid column menu items

[Edzel]

Hi all

  The company I work for has added the bootstrap styling (kendo.bootstrap.css). It has caused a problem with the column menu items in the kendo grids in the app.

The columns that have enough space to display sub menus to the right work ok (when selecting the down arrow from the column header and then the Columns menu item).

However, the rightmost columns (which show the "Columns" sub menu item to the left) appear with a blue background. This causes an inconsistency with the other columns.

The lines I found to cause the issue are:

.k-menu .k-state-border-right {
background-color: #428bca;
color: #ffffff;
}

 

If I comment that out it works ok (no matter where they appear, all sub-menu items have the same background), but I do not know what else this may affect.

Is there a way to fix the bug with the rightmost column menu items?

Thanks in advance

[Dimo]

Hello Hans,

This issue was fixed in January, please upgrade Kendo UI.

Regards,
Dimo
Telerik