[IMP] web_timeline: Overflow text, add hover colors

When an item label does not fit in its date-range box, overflow
according to
https://visjs.github.io/vis-timeline/examples/timeline/items/rangeOverflowItem.html

Previous CSS code was already trying to do that, but was selecting
`.vis-item.vis-item-content` instead of `.vis-item .vis-item-content`.

Displaying overflow text brings up layout issues solved by removing the
forced-100% width instruction.

This change also adds highlight when hovering a box, which is useful on
text that has overflown (as it has no borders).
This commit is contained in:
Houzéfa Abbasbhay
2024-03-21 11:59:14 +01:00
committed by Carlos Lopez
parent 97d02aa2ee
commit 0e325c7126
5 changed files with 22 additions and 10 deletions

View File

@@ -1,5 +1,5 @@
* Implement a more efficient way of refreshing timeline after a record update;
* Make `attrs` attribute work;
* Make ``attrs`` attribute work;
* Make action attributes work (create, edit, delete) like in form and tree views.
* When grouping by m2m and more than one record is set, the timeline item appears only
on one group. Allow showing in both groups.
@@ -7,3 +7,6 @@
the group will not be set, because it could make disappear the records not related
with the changes that we want to make. When the item is showed in all groups change
the value according the group of the dragged item.
* When an item label does not fit in its date-range box: ✅ the label correctly overflows
the box; ✅ clicking anywhere on the label allows moving the box; ❌ double-clicking
the label outside of the box does not open that item.