Desalineación del botón de cierre en los banners

Steven · 7 Mayo, 2020 21:57

Esto es un problema muy menor y fácil de solucionar en un foro, pero por si acaso, quería compartirlo con el equipo de soporte.

Hay un pequeño desalineamiento entre el botón de cerrar en el banner de notificación y el tema del banner, como puedes ver en este ejemplo.

Lo solucioné ajustando un valor a 10px en esta clase CSS, pero quizás opten por otro enfoque.

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

Como dije, es un problema muy menor

codinghorror · 7 Mayo, 2020 22:02

ooo sí, esa es buena cc @awesomerobot

awesomerobot · 8 Mayo, 2020 02:59

He realizado algunas actualizaciones para mejorar esto:

awesomerobot · 9 Mayo, 2020 22:00

Este tema se cerró automáticamente después de 43 horas. Ya no se permiten nuevas respuestas.

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

Desalineación del botón de cierre en los banners

Temas relacionados