MATE-Theme - Bild mit Großansicht

[micha141076]

Hallo,
ich bastle gerade mit dem MATE-Theme und habe aktuell ein Problem bei der Großansicht für Bilder.
Wenn ich ein Textelement erstelle - nur mit einer Aufzählung und einem Bild - kann ich nur den Bereich vom Bild anklicken (für Großansicht), der außerhalb der Aufzählung ist.
Siehe Screenshot.

1. kann nicht angeklickt werden
2. kann angeklickt werden

2020-11-05_13h07_19.png

Kann ich das irgendwo einstellen, damit ich an jeder Stelle vom Bild die Großansicht anklicken kann?

Ich bin für jeden Tipp dankbar
Gruß
Michael

[derRenner]

vergib deiner <ul> ein display: inline-block

[micha141076]

Ich werde es mal testen, danke

[micha141076]

vergib deiner <ul> ein display: inline-block

Ich habe die custom.scss so modifiziert:

ul {
   display: inline-block;
}

Leider verschiebt sich die Grafik über die Aufzählung, wenn der Text nicht neben die Grafik passt. Der Text macht keinen automatischen Umbruch
2020-11-06_08h19_29.png

Habe ich was falsch gemacht?

[mlweb]

Link zum Problem wäre hilfreich.

[micha141076]

https://test3.ms-webnet.de/

[mlweb]

Ich habe mir Dein Problem mal etwas genauer angeschaut.
Es ist ein Problem, welches durch das Theme entsteht. Normal in Contao tritt das nicht auf. Kann man schön in der Demo sehen.
Da es ein generelles Problem ist, welche eindeutig durch das Theme entsteht, solltest Du den Themeersteller kontaktieren.
Ursache ist die Positionierung der li-Elemente

.ce_list ul:not(.browser-default) li, .ce_text ul:not(.browser-default) li {
    position: relative;
    padding-left: 20px;
}
.ce_list ul:not(.browser-default) li::before, .ce_text ul:not(.browser-default) li::before {
    position: absolute;
    left: 0;
    top: -2px;
    content: "»";
    color: #86af49;
    font-weight: 700;
}

Wenn ich hier sowohl die absolute Positionierung als auch die relative Positionierung entferne, dann ist das Bild auch wieder vollständig klickbar.

Dein Veränderung mit inline-block kannst Du zurücksetzen. Das ist nicht zielführend.

Nachtrag: Ich habe mal ein Ticket bei Github erstellt https://github.com/contao-themes-net...ndle/issues/62

[mlweb]

Als Workaround würde ich dem ul-Element einen margin-right entsprechend der gewünschte Bildgröße geben. Muss man natürlich responsive für die einzelnen Breakpoints anpassen.
Außerdem würde ich wohl dafür eine Klasse verwenden und diese nur für die betoffenen Textelemente einsetzen.
Das lässt sich dann am effizientesten wieder entfernen, wenn dass Problem durch pdir gelöst wird und es vermeidet möglicherweise unerwünschte Wechselwirkungen an anderer Stelle des Themes.

[Philipp96]

Ich habe mal eben Version 2.12.3 veröffentlicht, da sollte das Problem behoben sein.

Die Icons bei der Liste werden jetzt nicht mehr absolut positioniert und das position: relative habe ich entfernt, dann gibt es keine Probleme.

[micha141076]

Ich habe mal eben Version 2.12.3 veröffentlicht, da sollte das Problem behoben sein.

Die Icons bei der Liste werden jetzt nicht mehr absolut positioniert und das position: relative habe ich entfernt, dann gibt es keine Probleme.

Ich zieh meinen Hut... Vielen Dank!!!