Filter Header Layout fixen

[hupf]

Das Layout des Filter-Headers funktioniert seit den Updates im IE11 nicht mehr:

Mit Commit 8fb4a45 von Sandro wurden aussderm CSS Statements eingeführt, welche keinen Sinn ergeben (floats, display:block mit flex Rules die gar nicht greifen). Fixen und allgemeines Aufräumen dieses Layouts.

[schefbi]

Auf dem aktuellen Build 10.12.2019 den wir in EventoWeb in Betrieb haben. Ist das Layout im IE11 einwandfrei.

Ich könnte mir aber vorstellen, dass es mit dem Upgrade der dependency ein Zusammenhang hat.

[hupf]

@schefbi Das stimmt sogar. Ich würde trotzdem das Layout dort überarbeiten, es scheint mir etwas fragil implementiert zu sein.

[schefbi]

@hupf Button Anzeigen margin-top: 2.7rem anstelle von 2rem

[hupf]

@schefbi Was habt ihr für eine Base Font Size auf eurem Body?

[schefbi]

@hupf 1.5rem ist die size auf dem body.

Heute Version Dezember 2019 sind buttons class so implementiert.

[hupf]

Habe nun den margin-top wieder auf 31px gesetzt anstatt den Abstand zu berechnen. Eigentlich müssten wir die $font-base-size von Bootstrap auf 1.5rem setzen, wenn ihr das in der Produktion so habt. Die Frage ist, habt ihr dann bei euch auf dem html Tag die Default Browser Font Size auf 11px oder 12px überschrieben, damit es am Ende wieder gleich gross aussieht?

[schefbi]

Auf dem html Tag ist die Size 11px. Test OK

[hupf]

Habe nun folgenes geändert (in Commit 1ce3c59):

• font-size: 11px auf html
• font-size: 1.5rem auf body
• $font-size-base: 1.5rem in den Bootstrap Variablen
• Diverse Anpassungen der Abstände/Grössen, da diese nun nicht mehr stimmten

Somit sollten wir die gleiche Umgebung haben wie in der Produktion, kannst du dies mit dem aktuellsten Stand bei euch testen @schefbi ?