The indentation is now styled via some new classes (timeline-group-level-0, timeline-group-level-1 and so on...) and CSS, which allows custom styling for each level by overriding these styles.
Tested in current Firefox (Developer Edition) and Internet Explorer 11.
Notes:
CSS includes support for then indentation levels and a fallback styling for all higher levels (each level gets a bit darker)
RTL Mode is respected (there are classes timeline-rtl and timeline-ltr) for that
I tried to retain the same appearance as before: e.g.
indentation of 15px per level (level 0 without indent)
different indentation of 30px for nested groups where level is unknown because treeLevel is missing from group data. (Note: group label gets class timeline-group-level-unknown-but-gte1 in that case)
background color for level 1 is same as originally intended (styled by class timeline-nested-group)
indent of groups without contained groups, which have no expanded/collapsed marker, is fixed to be in line with groups with contained groups on same level, except on top level
See enclosed commits, I tried to separate them as possible.
Solution for https://github.com/yotamberk/timeline-plus/issues/103 "'Hard-coded' indent in nested groups":
The indentation is now styled via some new classes (
timeline-group-level-0
,timeline-group-level-1
and so on...) and CSS, which allows custom styling for each level by overriding these styles.Tested in current Firefox (Developer Edition) and Internet Explorer 11.
Notes:
timeline-rtl
andtimeline-ltr
) for thattreeLevel
is missing from group data. (Note: group label gets classtimeline-group-level-unknown-but-gte1
in that case)timeline-nested-group
)See enclosed commits, I tried to separate them as possible.