Tahoe - headerLevel behaviour is different when clicking

[SimonF]

Hi there,

I've noticed there is a new divier-line between the headerlevels. It seems there is some minor bug, when clicking the header-levels.
In the example below the first one gets an border on the left when clicking. The second one gets completely white when clicking.
It looks different if the normal click color of the "days" will be light blue, and the headers are white when clicking. (just my oppinion).

The seperator between the columns looks quite nice. Are there further plans to also include this in a Listgrid?
Please see this already created thread: https://forums.smartclient.com/forum...403#post248403

Version: SmartClient_v111p_2017-08-20_Pro
Browser: Firefox 55.0.2 (32-Bit), Chrome Version 60.0.3112.101
Skin: Tahoe
Density: Medium



Code:

Canvas.resizeControls(4);
Canvas.resizeFonts(2);
isc.Timeline.create({
    "width": "400",
    "height": "100",
    "startDate": new Date(2017, 6, 31),
    "endDate": new Date(2017, 7, 2, 23, 59, 59),
    "headerLevels":
    [{
            "unit": "week"
        }, {
            "unit": "day"
        }
    ],
    "weekPrefix": "WeekNo",
    "labelColumnWidth": 50,
    "showControlsBar": false,
});

Best regards

[Isomorphic]

The styling issues when clicking in the top headers has been fixed in builds dates Aug 24 or later.

There are no plans to show column header separators in ListGrid for Tahoe when not showing header spans. You can of course use different styling to match the look as desired.

[SimonF]

Thanks styling in the top headers are fixed now.

Also thansk for the clarification on the column-separator.
For all who are searching for a white line betwee the fields of a listgrid you can use this snippet.
It does look better, because the suer can separate the columns more easily. Expecially if you have columns that are right-aligned and left align without a separator it's not useful.

.headerButton, .imgHeaderButton, .sorterButton,
.headerButtonSelected, .imgHeaderButtonSelected, .sorterButtonSelected,
.headerButtonOver, .imgHeaderButtonOver, .sorterButtonOver,
.headerButtonSelectedOver, .imgHeaderButtonSelectedOver, .sorterButtonSelectedOver,
.headerButtonDown, .imgHeaderButtonDown, .sorterButtonDown,
.headerButtonSelectedDown, .imgHeaderButtonSelectedDown, .sorterButtonSelectedDown,
.headerButtonDisabled, .imgHeaderButtonDisabled, .sorterButtonDisabled,
.headerButtonSelectedDisabled, .imgHeaderButtonSelectedDisabled, .sorterButtonSelectedDisabled {
border-right:1px solid #FFFFFF !important;
}

Best regards