Fehlende Ausrichtung der Schließen-Schaltfläche auf Bannern

Steven · 7. Mai 2020 um 21:57

Dies ist ein sehr kleines Problem, das auf einem Forum leicht zu beheben ist, aber falls doch, wollte ich es dem Support mitteilen.

Es gibt eine kleine Fehlausrichtung zwischen der Schließen-Schaltfläche im Benachrichtigungsbanner und dem Banner-Thema, wie Sie in diesem Beispiel sehen können.

Ich habe es mit einer Einstellung auf 10px für diese CSS-Klasse behoben, aber vielleicht gehen Sie einen anderen Weg.

github.com/discourse/discourse

app/assets/stylesheets/common/base/alert.scss

902d0e1e3


      
          .alert {
            padding: 0.5em 1em;
            background-color: $danger-low;
            color: $primary;
            position: relative;
          
            .close {
              font-size: $font-up-3;
              position: absolute;
              top: 8px;
              right: 8px;
          
              .d-icon {
                color: $primary-low-mid;
              }
            }
          
            &.alert-success {
              background-color: $success-low;
              color: $primary;
            }

Wie gesagt, es ist ein sehr kleines Problem

codinghorror · 7. Mai 2020 um 22:02

ooo ja, das ist gut, cc @awesomerobot

awesomerobot · 8. Mai 2020 um 02:59

Ich habe einige Aktualisierungen vorgenommen, um dies zu verbessern:

awesomerobot · 9. Mai 2020 um 22:00

Dieses Thema wurde automatisch nach 43 Stunden geschlossen. Neue Antworten sind nicht mehr erlaubt.

Thema		Antworten	Aufrufe
Probably a bug relative to the close button on banner topic Bug	6	2083	25. April 2017
"New topic or updated" didn't show at the right place Support	5	671	22. April 2018
Notification icon and dropdown are not properly aligned UX	2	606	20. Mai 2020
Title overlaps close button in topic navigation popup UX composer	0	46	26. Januar 2025
Very slight misalignment in the notification menu UX	8	835	20. Juni 2018

Fehlende Ausrichtung der Schließen-Schaltfläche auf Bannern

Verwandte Themen