Désalignement des boutons de fermeture sur les bannières

Steven · Mai 7, 2020, 9:57

Il s’agit d’un problème très mineur et facile à corriger sur un forum, mais au cas où, je voulais le partager avec l’équipe.

Il y a un léger désalignement entre le bouton de fermeture de la bannière de notification et le sujet de la bannière, comme vous pouvez le voir dans cet exemple.

Je l’ai corrigé en réglant une valeur à 10px pour cette classe CSS, mais vous choisirez peut-être une autre approche.

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;
            }

Comme je l’ai dit, c’est un problème très mineur

codinghorror · Mai 7, 2020, 10:02

Ouais, c’est une bonne idée, cc @awesomerobot

awesomerobot · Mai 8, 2020, 2:59

J’ai apporté quelques modifications pour améliorer ceci :

awesomerobot · Mai 9, 2020, 10:00

Ce sujet a été automatiquement fermé après 43 heures. De nouvelles réponses ne sont plus autorisées.

Sujet		Réponses	Vues
Probably a bug relative to the close button on banner topic Bug	6	2083	Avril 25, 2017
"New topic or updated" didn't show at the right place Support	5	671	Avril 22, 2018
Notification icon and dropdown are not properly aligned UX	2	606	Mai 20, 2020
Title overlaps close button in topic navigation popup UX composer	0	46	Janvier 26, 2025
Very slight misalignment in the notification menu UX	8	835	Juin 20, 2018

Désalignement des boutons de fermeture sur les bannières

Sujets connexes