Positionierung der Strukturelement-Icons beeinflussen

Nutzbar ab: Version

Passen Sie die Position der Anfasser für die Strukturelemente an, wenn diese andere Pflegebuttons überlagern.

Je nach Projekt kann es zu Überlagerungen von Bearbeitungssymbolen kommen.

Strukturelemente einer Liste in mehrspaltigem Container
Strukturelemente einer Liste in mehrspaltigem Container

Wollen Sie den Pflegebutton für die Listenoptionen komplett ersichtlich machen, können Sie das Symbol des Listen-Strukturelementes anders positionieren. Dies definieren Sie über die editor.css zur entsprechend generierten Klasse des betreffenden Elementes.

Im Editor wird jedes Strukturelement ein Klassenname generiert, der dem Typ entspricht. Hierzu ein paar Beispiele:

Typ des StrukturelementesGenerierter Klassenname
headline.textheadline_text
text.wysiwygtext_wysiwyg
list.standardlist_standard

Nachfolgend ein Beispiel, wie Sie den Anfasser (Strukturelement-Symbol) des Listenelementes anders positionieren können.

Beispiel: Andere Positionierung des Listenelementes über /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/styles/editor.css

...
.list_standard {position:absolute;margin:0 0 0 -22px}
...

Der Anfasser schiebt sich somit nicht mehr über den Button für die Listenoptionen:

Strukturelemente einer Liste in mehrspaltigem Container mit margin
Strukturelemente einer Liste in mehrspaltigem Container mit margin