webix icon indicating copy to clipboard operation
webix copied to clipboard

ExcelFilter + Sorting + header text wrapper in any HTML element = wrong icons positions

Open avasuro opened this issue 4 years ago • 1 comments

Demo: https://snippet.webix.com/trmny4bq

Description: If some datatable header have content='ExcelFilter', some sorting assigned an header text wrapped in any HTML element - sorting icon is displaying above filter icon.

Expected behaviour: Sorting icon should be placed aside with filter icon, the same as it displayed if header text is not wrapped in any HTML element.

Bug reproduces in: IE, Firefox, Chrome

avasuro avatar Jun 05 '20 10:06 avasuro

Possible solution

In current webix styles there is line like:

.webix_excel_filter + .webix_ss_sort_asc,
.webix_excel_filter + .webix_ss_sort_desc {
  right: 24px;
}

Just replace "+" to "~" to make this styles works fine:

.webix_excel_filter ~ .webix_ss_sort_asc,
.webix_excel_filter ~ .webix_ss_sort_desc {
  right: 24px;
}

avasuro avatar Jun 05 '20 10:06 avasuro