Speichern und Bearbeiten Button im Backend

[apicalart]

Hallo in die Runde,

ich habe ein Problem mit den Icons im Backend. Der Spreichern und Bearbeiten Button wird aufgrund meiner notwendigen CSS-Dateien im Frontend riesengross dargestellt. (siehe Bild). Was muss ich wo ändern, damit die Icons wieder in 16x16 px dargestellt werden.

[bodil]

vermutlich steht in deiner css-Datei etwas darüber, dass Bilder sehr groß (z.B. width:100%) angezeigt werden. Das passiert dann auch mit diesen Icons.
Am Elegantesten wäre es vermutlich, nicht alle Bilder riesig anzeigen zu lassen, sondern nur die, denen du eine bestimmte Klasse gibst.
Am Einfachsten ist es vermutlich, mal zu schauen, welche ids diese Button haben und diese ids in der css-Datei eine eigene Größe (height:auto; width:auto) zu geben, deine allgemeine Regel für Bilder quasi zu überschreiben.

[apicalart]

Hallo Bodil,

Ich habe mich für die elegantere Lösung entschieden und in meiner CSS das Anzeigen extrem grosser Bilder unterbunden. Ich weiss eigentlich überhaupt nicht, warum ich das reingesetzt habe. Ist bei meinen responsive Experimenten wahrscheinlich passiert.

Der zweite Hinweis klappt allerdings nur bedingt. Wenn Du Dir mal den Quellcode des Hauptframes anguckst, dann siehst Du, dass zwar der Edit Button eine class="content_type_zindex" verpasst bekommen hat, aber der OK Button keine, bzw. werden hier fortlaufend id`s mit m1 bis m unendlich vergeben. Abeeeeeeeeeeeer!!! Danke für die Hilfe Bodil. Letztendlich hast du mich auf die richtige Spur geführt und das alleine zählt.

[Faar]

Wenn Du Dir mal den Quellcode des Hauptframes anguckst, dann siehst Du, dass zwar der Edit Button eine class="content_type_zindex" verpasst bekommen hat, aber der OK Button keine, bzw. werden hier fortlaufend id`s mit m1 bis m unendlich vergeben.

Ja, hier besteht Nacharbeitungsbedarf seitens Contenido und das sollte als ISSUE aufgenommen werden, falls es das nicht schon ist.
Eine CSS-Klasse die eindeutig auf contenido hinweist und CSS-Anweisungen seitens Contenido, die genau auf diese Klasse verweisen.
Natürlich können da noch andere Klassen mit rein, zum detaillieren.
Aber eine Unterscheidung zwischen Contenido und Nichtcontenido sollte jedenfalls sein.

[xmurrix]

Hallo zusammen,

zu diesem Thema gibt es bereits ein Ticket:
https://issues.contenido.org/browse/CON-1849

Vielleicht ist es an der Zeit, dass man das entsprechend umsetzt.

Allerdings ist es mit den CSS-Anweisungen nicht ganz einfach. Man kann zwar in CONTENIDO einige Regeln definieren, das löst aber nicht das Problem, wenn in der CSS des Frontends Regeln mit höherer Spezifizität vorkommen.

Grüße
xmurrix

[Faar]

Allerdings ist es mit den CSS-Anweisungen nicht ganz einfach. Man kann zwar in CONTENIDO einige Regeln definieren, das löst aber nicht das Problem, wenn in der CSS des Frontends Regeln mit höherer Spezifizität vorkommen.

Das schon, aber man kann in Contenido genauso Regeln mit höherer Priorität machen, indem man eine lange Cascade erzeugt.
div.con .backend img.icon {} hat meines Wissens Vorrang vor img {}
Aber solange diese DIVs und IMGs im Backend keinerlei Klassen haben, kann man das nicht machen.
Da muss man ran an den Code und schauen, wo genau die Buttons und Icons erzeugt werden und strategisch Klassen und IDs einfügen.
Das dürfte eher eine Fleißarbeit sein.