Hallo zusammen!
Gibt es bereits eine Option mit der man die Position der .tpp-buttons beeinflussen oder ein .tpp-buttons-Element via CSS zu einem Decorator zuordnen kann?
Konkret gestaltet sich in unserem Projekt folgende Herausforderung:
Wir haben eine Absatzvorlage mit der man verlinkte Boxen pflegen kann. Diese besitzen ein Bild, Text und einen Link. Diese Boxen befinden sich in einem FS_CATALOG.
Darüber hinaus rendert die SPA bereits eigene TPP Decorator für Bilder (für den direkten Bildzuschnitt) und FS_CATALOG Items (für die direkte Bearbeitung einer Box ohne Umweg über die Maske der Absatzvorlage). Jedes Bild und jeder FS_CATALOG Gegenstand zeichnet in der Applikation also bereits einen eigenen TPP-Rahmen.
Daraus ergibt sich ein Problem: Die Buttons überlappen sich (im Screenshot rot eingekreist). Befindet man sich mit der Maus auf dem Bild, dann wird der Rahmen der Absatzvorlage, der der Box und der des Bildes, also der gesamten "Elternkette" des Decorators gleichzeitig angezeigt.
Für diesen Fall wäre es ideal, wenn man den Zuschnitt-Button des Bildes statt rechts oben, links oben im TPP-Rahmen platzieren könnte. Noch viel besser wäre die Möglichkeit, einem TPP-Decorator bei Erstellung eine CSS-Klasse übergeben zu können, die im DOM später auf die tpp-borders-<div> Elemente gelegt werden.
Aktuell können einzelne Buttons mithilfe der Klasse oder data-Attributen zwar gezielt vom CSS angesteuert werden – deren Container aber nicht. Alle tpp-borders-Elemente können nicht unterschieden werden, man weiß nie welche tpp-borders zu welchem Decorator gehören und somit können Buttons bspw. auch nicht über CSS anders verankert werden (siehe Anhang "DOM tpp-borders.png").
Besteht dafür bereits eine Lösung oder kann mit diesem ".tpp-buttons"-Mapping vielleicht demnächst rechnen? 
Viele Grüße,
Alex
