Hello Cristóbal,
> Note that "Early Film" and "Silent Film" do not line up properly,
I think this is not your fault, but comes from how the timeline computes
the position of these labels. It's done in the file decorators.js [1],
line 95 and following.
The label is positioned just outside the highlighted region, and the
width of the label is calculated as (number of letters in the
label)*1em. Your labels have many "i" and "l" letters and are therefore
shorter than 10em ("early film", 9 letters + space), which causes them
to appear too much left.
I don't know why it's calculated that way...
Quick and dirty solution: Add the following to your css:
.timeline-horizontal .timeline-highlight-label-start {
margin-right:-1000px;
}
This works in firefox and has the effect that the label is just inside
the band.
Hard, but more sustainable solution:
* Refactor the timeline source code so that the positioning of those
labels is done in a separate function
* Send a patch to the timeline maintainers so that everybody can profit.
* Override that new function such that it does what you want.
[1]
http://code.google.com/p/simile-widgets/source/browse/timeline/trunk/src/webapp/api/scripts/decorators.js
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"SIMILE Widgets" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/simile-widgets?hl=en
-~----------~----~----~----~------~----~------~--~---
