# Layout der Seite \`Admin  Badges\` nach Update defekt

**URL:** https://meta.discourse.org/t/layout-of-admin-badges-page-broken-after-updating/325492
**Category:** Bug
**Tags:** badges, fixed
**Created:** [8. September 2024 um 11:02 UTC](https://meta.discourse.org/t/layout-of-admin-badges-page-broken-after-updating/325492 "2024-09-08T11:02:22Z")
**Posts on this page:** 14
**Page:** 1

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [8. September 2024 um 11:02 UTC](https://meta.discourse.org/t/layout-of-admin-badges-page-broken-after-updating/325492/1 "2024-09-08T11:02:22Z")

</div>

Hallo zusammen.

Ich habe gerade auf Disourse 3.4.0.beta2-dev ([cde4db1c6a](https://github.com/discourse/discourse/commits/cde4db1c6a92026b8dc7326101720bb9249a4588)) aktualisiert und festgestellt, dass das Layout der Admin-Seite für Badges etwas kaputt ist.

Die Liste der Badges befindet sich normalerweise auf der linken Seite des Bildschirms, sodass Sie die Badges auf der rechten Seite verwalten / hinzufügen / bearbeiten können.

Aber so sieht es jetzt aus, es gibt einen großen leeren und unbrauchbaren Bereich in der linken Mitte:

 ![Screenshot 2024-09-08 at 11.58.43](https://global.discourse-cdn.com/meta/original/4X/6/3/c/63cfe04599cd25fa95176b206a2f0e0475f0c421.jpeg)

 ![Screenshot 2024-09-08 at 11.59.42](https://global.discourse-cdn.com/meta/original/4X/f/2/8/f286a89fa054c6fa59fed741eba559b07de25cbb.jpeg)

 ![Screenshot 2024-09-08 at 11.59.54](https://global.discourse-cdn.com/meta/original/4X/a/0/c/a0c76dd04106447612b8550d4bb04422023bcc80.jpeg)

 ![Screenshot 2024-09-08 at 12.00.05](https://global.discourse-cdn.com/meta/original/4X/f/f/d/ffdd87aac57161519d6cf5136e60703166213eb0.jpeg)

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [8. September 2024 um 12:27 UTC](https://meta.discourse.org/t/layout-of-admin-badges-page-broken-after-updating/325492/2 "2024-09-08T12:27:50Z")

</div>

Können Sie den abgesicherten Modus ausprobieren? Ich kann das nicht reproduzieren. 🤔

 ![Screenshot 2024-09-08 at 6.11.16 AM](https://global.discourse-cdn.com/meta/original/4X/9/8/b/98b7d59b698a7ab6bc6163a2b1c5c8985a80e7a8.png)  
 ![Screenshot 2024-09-08 at 5.27.06 AM](https://global.discourse-cdn.com/meta/original/4X/5/e/8/5e877480640310065045667f5678a7800c4b6ebf.png)

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [8. September 2024 um 12:52 UTC](https://meta.discourse.org/t/layout-of-admin-badges-page-broken-after-updating/325492/3 "2024-09-08T12:52:25Z")

</div>

Hmm, es tritt sowohl in Safari als auch in Chrome auf, beides getestet und auch im abgesicherten Modus reproduziert.

Ok, danke @Lilly - es könnte etwas anderes sein, das ich woanders geändert habe, du kannst das hier wahrscheinlich ignorieren 😊

 ![Screenshot 2024-09-08 at 13.50.43](https://global.discourse-cdn.com/meta/original/4X/e/5/f/e5f4e159005dab267b4e20f4e81cf73f6a8acea6.png)

 ![Screenshot 2024-09-08 at 13.48.57](https://global.discourse-cdn.com/meta/original/4X/d/6/2/d62a073b86b10787c664a16a5dd4612f8b8b2175.jpeg)

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [8. September 2024 um 12:54 UTC](https://meta.discourse.org/t/layout-of-admin-badges-page-broken-after-updating/325492/4 "2024-09-08T12:54:50Z")

</div>

Ich habe gerade eine frische Bereitstellung auf meiner gehosteten Testseite vorgenommen und die Badge-Verwaltung funktioniert wie erwartet. Es ist seltsam, dass dies im abgesicherten Modus geschieht.

Ich habe auch eine Überprüfung mit dem Dropdown-Menü in der Kopfzeile anstelle der Seitenleiste durchgeführt, sowie mit dem alten Admin-Navigationsmenü, und es funktioniert immer noch wie erwartet.

 ![Screenshot 2024-09-08 at 6.16.47 AM](https://global.discourse-cdn.com/meta/original/4X/d/4/f/d4f8c093d6272ace78602bf6c62f92faaa537220.png)

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [9. September 2024 um 07:54 UTC](https://meta.discourse.org/t/layout-of-admin-badges-page-broken-after-updating/325492/5 "2024-09-09T07:54:53Z")

</div>

Schritte zur Reproduktion:

1. Ändern Sie die Einstellung `Standard-Locale` auf `Englisch (UK)`:

 ![Screenshot 2024-09-09 at 08.48.18](https://global.discourse-cdn.com/meta/original/4X/b/c/5/bc5d72084d72c0eec41f2bcf3b058e295d1af450.jpeg)

1. Laden Sie Discourse in einem neuen Tab neu und navigieren Sie zu `https://example.com/admin/badges`, wo das Layout nun fehlerhaft ist:

 ![Screenshot 2024-09-09 at 08.48.26](https://global.discourse-cdn.com/meta/original/4X/b/f/0/bf03a723b2c6a47e175f14df5141389afc7f8d6f.jpeg)

1. Ändern oder setzen Sie die Einstellung `Standard-Locale` auf den Standardwert `Englisch (US)` zurück:

 ![Screenshot 2024-09-09 at 08.48.36](https://global.discourse-cdn.com/meta/original/4X/c/a/f/caf36431868c0e505c7979bf93c85f7131f0fcf8.jpeg)

1. Laden Sie Discourse in einem neuen Tab neu und navigieren Sie zu `https://example.com/admin/badges`, wo das Layout nun einwandfrei funktioniert:

 ![Screenshot 2024-09-09 at 08.48.45](https://global.discourse-cdn.com/meta/original/4X/0/d/9/0d9ded6fe87e7a98812e1ff5a3d3e053d59424ce.png)

Ich habe absolut keine Ahnung, wie oder warum das so ist 🤔

Aber ein großes Dankeschön an @JammyDodger für die Hervorhebung der Ursache 😊

Könnte dieser Fehler behoben werden? 🤔

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [9. September 2024 um 11:53 UTC](https://meta.discourse.org/t/layout-of-admin-badges-page-broken-after-updating/325492/6 "2024-09-09T11:53:45Z")

</div>

Danke @Richie!

Es scheint, als gäbe es hier ein paar Probleme.

1. Der englischen (UK) Übersetzung fehlt die neue, längere Beschreibung am Anfang der Seite. Das liegt daran, dass der Schlüssel ‘badges.description’ wiederverwendet wurde und wir seitdem kein Update von Crowdin mehr durchgeführt haben.

2. Das Layout scheint von der Länge der Beschreibung abzuhängen. Im US-Englischen kann ich das Problem reproduzieren, indem ich die Entwicklertools öffne und die Beschreibung verkürze.

Es sieht so aus, als ob die Änderung mit [UX: Apply admin UI to Badges (#28724) · discourse/discourse@be5c37a · GitHub](https://github.com/discourse/discourse/commit/be5c37a6d41716dbc26b06b476e20b49a42537a4) zusammenhängt (cc @ella @martin)

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [9. September 2024 um 12:29 UTC](https://meta.discourse.org/t/layout-of-admin-badges-page-broken-after-updating/325492/8 "2024-09-09T12:29:04Z")

</div>

Danke für die Einblicke @david 😃

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [9. September 2024 um 14:33 UTC](https://meta.discourse.org/t/layout-of-admin-badges-page-broken-after-updating/325492/9 "2024-09-09T14:33:32Z")

</div>

Ich bin in Kanada und gebe dem Vereinigten Königreich die Schuld dafür. 😆

Danke Richie. Ich habe die Locale-Einstellung gar nicht berücksichtigt 🤦🏻‍♀️

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [9. September 2024 um 15:52 UTC](https://meta.discourse.org/t/layout-of-admin-badges-page-broken-after-updating/325492/10 "2024-09-09T15:52:00Z")

</div>

Das ist völlig themenfremd, aber es gibt kein Englisch (CA), oder? Würden Sie also britische oder US-amerikanische Lokalisierungen verwenden? Es mag natürlich davon abhängen, aber im Allgemeinen?

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [9. September 2024 um 15:53 UTC](https://meta.discourse.org/t/layout-of-admin-badges-page-broken-after-updating/325492/11 "2024-09-09T15:53:55Z")

</div>

Unsere Sachen sind normalerweise auf die USA voreingestellt. Wir sagen hier nicht viel „Loo“ oder „Trousers“. Lol

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [9. September 2024 um 19:17 UTC](https://meta.discourse.org/t/layout-of-admin-badges-page-broken-after-updating/325492/12 "2024-09-09T19:17:07Z")

</div>

> [@Lilly](#):
>
> Ich gebe dem Vereinigten Königreich die Schuld daran

Kein Problem, wir übernehmen diese gerne im Namen des Rests der Welt ✋🏻 😊

---

<div class="post-metadata">

### Author: ![ella](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ella/32/260722_2.png) [@ella](https://meta.discourse.org/u/ella)
#### Post date: [9. September 2024 um 19:46 UTC](https://meta.discourse.org/t/layout-of-admin-badges-page-broken-after-updating/325492/13 "2024-09-09T19:46:15Z")

</div>

Danke, dass Sie das bemerkt haben!

Ich habe ein Div-Wrapper hinzugefügt, um das Layout stabiler zu machen, und das Problem mit Inkonsistenzen bei der Verwendung verschiedener Lokalisierungen behoben.

Sollte mit diesem PR behoben sein:

> <https://github.com/discourse/discourse/pull/28807>
>
> \- Added a div wrapper around the content below the description to stabilize the …layout
> \- Fixed an issue where using a locale other than US English caused layout inconsistencies
> 
> Reported here: https://meta.discourse.org/t/layout-of-admin-badges-page-broken-after-updating/325492

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [10. September 2024 um 12:24 UTC](https://meta.discourse.org/t/layout-of-admin-badges-page-broken-after-updating/325492/14 "2024-09-10T12:24:58Z")

</div>

> [@Lilly](#):
>
> Ich gebe dem Vereinigten Königreich die Schuld daran

Mein ganzes Land dankt dir für die schnelle Lösung @ella 🙇‍♂️

---

<div class="post-metadata">

### Author: ![ella](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ella/32/260722_2.png) [@ella](https://meta.discourse.org/u/ella)
#### Post date: [10. September 2024 um 19:28 UTC](https://meta.discourse.org/t/layout-of-admin-badges-page-broken-after-updating/325492/15 "2024-09-10T19:28:26Z")

</div>


