Einige Rückmeldungen zu neuem CSS border-radius und padding

Ich habe Discourse gerade auf die neueste Version aktualisiert und es gibt einige Probleme mit der neuen CSS-Randrundung, insbesondere auf Websites mit dunklen Headern.

Hier ist ein Screenshot von einem dunklen Header, bei dem die Teile nicht mehr sauber zusammenpassen:

Ein abgerundeter Rand gegen eine gerade Linie sieht nicht gut aus

Hier ist es in diesem Forum mit einem roten CSS-Rand, um es deutlicher zu machen:

Dasselbe in diesem Forum

Hier ist, wie es in einem Forum aussieht, das noch nicht aktualisiert wurde — Ich denke, das sieht viel besser aus mit weniger Rundung und mit dem alten Padding (und keiner Rundung, wo eine Ecke eine gerade Linie berührt).

Ich denke, die weniger abgerundeten Ränder sahen insgesamt besser aus. Hier ist ein weiteres Beispiel:

Hier ist die alte Version zum Vergleich (sieht meiner Meinung nach besser aus, obwohl die äußeren Ecken mit einem 2px Radius besser aussehen könnten):

Nur ein paar Vorschläge.

5 „Gefällt mir“

Danke, dass Sie das angesprochen haben, ich habe das Designteam benachrichtigt.

3 „Gefällt mir“

Einiges davon wurde seit Ihrem Beitrag aktualisiert.

Wir haben den Seitenleistenelementen etwas mehr Abstand gegeben:

Unser Benachrichtigungsfeld hat seinen Innenabstand verloren. Dies ist eine Richtung, die unser Designteam für besser hält, als Innenabstand um alle Elemente zu haben.

Diese Ecke sollte keine Abrundung haben. Wird behoben, danke für die Meldung.

1 „Gefällt mir“

Dies ist nur ein Feedback, da es für mich einfach genug sein sollte, es auf meinen eigenen Foren zu ändern:

Der fehlende Abstand dort ist in Ordnung. Vielleicht bin ich es nur, aber jedes Mal, wenn ich auf das Menü klicke, sagt mein Gehirn: „Etwas sieht nicht richtig aus.“ Ich denke, es liegt eher am Radius der Umrandung als am Abstand, denn es sieht so aus, als hätte die Box um das Benutzersymbol einen Radius von 4px, aber das Menü hat einen Radius von 2 * 4px. Die Schaltflächen in der Seitenleiste sind ebenfalls 4px. Ich denke, es würde besser aussehen, wenn die Ränder des Menüs 4px wären, damit es mit dem Rest der Seite übereinstimmt.

(Ihre Screenshots sehen so aus, als wäre alles 8px, aber ich finde, es sieht zu abgerundet aus. Wenn ich mich nicht irre, sehe ich beim Abmelden einen Radius von 8px, aber wenn ich angemeldet bin, sehe ich 4px. Ich habe es in mehreren Browsern ausprobiert.)


Bearbeiten: Wir sehen vielleicht unterschiedliche Dinge. Es ist kein großes Problem, da ich die Variable überschreiben kann, aber es ist diese obere linke Ecke, die mir jedes Mal, wenn ich darauf klicke, auf meinen Websites komisch vorkommt. Vielleicht rückt die größere Abrundung die Kante zu nah an den Text, weshalb ich in meinem vorherigen Kommentar den Abstand erwähnt habe.

1 „Gefällt mir“