Inconsistent Scrollbar visuals in 13.1

[mathias]

Hi,

after upgrading to 13.1, our listgrid scrollbar looks different in Windows.

We have made some slight changed to the scrollbar style to make it a bit more discreet. We've done this by:

1. changing the hscroll_sprite and vscroll_sprite images to be more subtle.

2. Changing the background color in the .hScrollTrack and .vScrollTrack styles.


Prior to 13.1 this worked fine in windows, see the first image:


After making the upgrade to 13.1, it looks almost the same, but the scrollbar background extends above the list grid header for some reason:


(It has the same width, i just zoomed in more).


I'm not super great styling, so to me this looks pretty weird. Why would the scrollbar extend lika that?

Any tips to fix it would be appreciated! cheers

[mathias]

To follow-up on this. We managed to get it working by, strangely enough, setting the background color of .sorterButton and related styles to the same color as the ListGrid header that you can see in the image.

/* ListGrid sorterButton */
.sorterButton,
.sorterButtonOver,
.sorterButtonDown,
.sorterButtonSelected,
.sorterButtonSelectedOver,
.sorterButtonSelectedDown,
.sorterButtonSelectedDisabled,
.sorterButtonDisabled {
  background-color: #3866A2;}//THIS ONE

We were afraid that it would affect the grid header in other places, i.e. where you can sort the columns and have an arrow in a narrow column next to the column. That however remains unaffected, which i can't get my head around. What IS the sorterbutton if not that?

[Isomorphic]

hi mathias - the sorterButton is the part of the header after the fields, above the scrollbar. If you click a field-header to sort the data, you will see the sort-icon appear in this area.

[mathias]

Yeah, as i said we noticed, i guess it just looks the same. Not sure why the sorterbutton shows now, it did't in 13.0. I hope changing the style of the sorterbutton doesn't break anything else we haven't thought of :)