Verbesserung
Wichtig
Detail
Fehlerbehebung
Wichtig
Detail
Das Design der bisherigen standard Tooltips wurde an das Design der Tooltips aus dem neuen tl:DropDownControl angepasst. Tooltips werden vor anderen Elementen angezeigt, da sie weit oben in der DOM platziert sind. In Tabellen ist somit beispielsweise der table header hinter den Tooltips.
\\
\\
Als Standard, werden Tooltips oberhalb oder unterhalb des dazugehörigen Elements angezeigt. Dabei werden sie bevorzugt oberhalb positioniert, wenn genug Platz vorhanden ist. Die bevorzugte Horizontale Wuchs-Richtung von Tooltips ist rechts. Das heißt der linke Rand des Tooltips wird bündig an den linken Rand des Elements gesetzt und der Tooltip nach rechts erweitert, sofern der Platz ausreicht. Ist der Platz zu klein, wird der rechte Rand des Tooltips auf Höhe des rechten Rands des Elements platziert. Bei der Positionierung wird zusätzlich darauf geachtet, dass der Pfeil des Tooltips immer auf das Element zeigt. Ist das Element also zu klein, wird der Tooltip so positioniert, dass der Pfeil mittig zum Element sitzt.
\\
\\
In vertikalen Menüs mit Einträgen untereinander, ist es für den Workflow angenehmer, wenn die Tooltips rechts oder links neben dem Element angezeigt werden. Dies kann erreicht werden, in dem dem Element selbst oder einem Ancestor des Elements die CSS Klasse .tooltipHorizontal hinzugefügt wird.
Test
Mit der Maus über Komponenten fahren, die Tooltips anzeigen sollten. Beispielsweise Menü-Einträge, Navigations-Icons, Personen oder Kontakte. Tooltips sollten standardmäßig über oder unter dem zugehörigen Element angezeigt werden. In vertikalen Menüs mit Einträgen untereinander, sollten Tooltips rechts oder links daneben angezeigt werden.