Abstand zwischen Items im dynamischen Modus

Question

Ich würde gerne ein den Abstand zwischen den Items etwas größer machen, wenn die Frage umspringt auf die Darstellung für kleine Endgeräte. Also ein Abstand zwischen "in diesem Schuljahr unterrichtet", "Lehramstsbefähigung..." und "Fach studiert".

Ein Pretest-Link auf die Seite ist hier: https://ofb.iea-hamburg.de/BS26LFB/?act=TFKGgSL7Thq3CGKapSsUdaWG

Answer 1

Das ist in der Tat nicht ganz optimal ... ich muss mir einmal ansehen, ob das in der Ausgabe generell optimiert werden muss.

Danke für den Pretest-Link. Für Ihren Fall sollte folgender PHP-Code bzw. eine entsprechende Ergänzung im Layout helfen:

pageCSS('
    div.s2input div.s2options,
    div.s2input div.s2dk {
      gap: 0.5em;
    }
');

Comments

Der Workaround funktioniert, vielen Dank!

---

Habe hier doch ein kleines Problem: Bie zwei Fragen habe ich diese beiden Codes zusammen:

pageCSS('
    div.s2input div.s2options,
    div.s2input div.s2dk {
      gap: 0.5em;
    }
');

Und dann um einzelne Boxen auszublenden:
<style>
.s2iCheckbox:has(#J005_01DK) {
  display: none;
}

.s2iCheckbox:has(#J005_014) {
  display: none;
}
</style>

Das führt dazu, dass die Checkboxen jetzt schief sind. Ein direkter Pre-Test Link auf die Seite:
https://ofb.iea-hamburg.de/BS26SLFB/?act=Wz4bSsNRy0KLBuAz7EoPFEkg

---

Wenn sie das display:none mit visiblity:hidden ersetzen (Ausblenden mit Platzhalter), dann ist alles wieder gerade:

.s2iCheckbox:has(#J005_014) {
  visibility: hidden;
}

---

Danke- hat geklappt!