Problema muy menor: en la lista de temas, el indicador de mensajes nuevos puede aparecer en una línea nueva por sí solo

UX
1

Ejemplo:

image
image1132×367 29 KB

4 Me gusta
3

Esto está arreglado aquí:

3 Me gusta
4

¿Seguro de eso? :thinking:

image

2.9.0.beta2

(f9e1ba4f8f)

En Chrome de escritorio, y lo mismo en modo seguro.

Código HTML de la fila:

<div class="top-row">
    <!-- -->
    <a href="/t/nouveau-champagne-edition-1978/42061" role="heading" aria-level="2" class="title" data-topic-id="42061">Nouveau Champagne Edition 1978</a><!-- --><span> id="ember309" class="topic-post-badges ember-view">
    <!-- -->  &nbsp;<a href="/t/nouveau-champagne-edition-1978/42061" title="nuevo tema" class="badge badge-notification new-topic">nuevo</a>
</span>
  </div>

CSS de <a>:

.topic-list-main-link a.title, .topic-list .main-link a.title, .latest-topic-list-item .main-link a.title {
    padding: 15px 0;
    word-break: break-word;
    color: var(--primary);
}

CSS de la insignia de publicación:

.topic-post-badges {
    white-space: nowrap;
    align-self: center;
    line-height: var(--line-height-medium);
}

Además, una pregunta: ¿qué pasa con este texto “nouveau” (“nuevo”)? Existe en el DOM, ocupa espacio, pero no tiene absolutamente ningún estilo/propiedad aplicado:

image
image2498×1440 311 KB

1 me gusta
5

Además, la apariencia del punto a veces es un poco diferente de una línea de asunto a otra.

Tienen exactamente las mismas propiedades CSS. Las dimensiones calculadas de ambos puntos son 5.219px. Pero parecen diferentes:

image
image535×443 43.1 KB

En la imagen que publiqué en mi publicación anterior, parece más alta:
image

Su “redondez” varía según el zoom del navegador.
Estoy bastante seguro de que estas variaciones de redondez son causadas por sus valores finales de ancho y alto redondeados (sin juego de palabras), ya que son números flotantes (su unidad de dimensión es em y no px). Si los establezco todos a 5px, el problema desaparece. Pero entiendo que sus dimensiones deben estar relacionadas con el tamaño de fuente o cualquier otra cosa para la consistencia visual.

1 me gusta
7

Si no me equivoco, actualizaste el CSS del punto para un tamaño fijo (o un valor calculado redondeado). Se ve mucho mejor, tanto aquí como en mi foro que reconstruí esta mañana. Bien :+1: