Filtrar por problemas de visualización del menú desplegable resueltos

Contribuir UX
1

Parece que en solutions.scss falta un elemento display.

.select-kit parece tener display: inline-block;, lo que deja a .select-kit.solved-status-filter con el mismo valor. Esto hace que el cuadro de filtro se muestre de manera diferente al resto de los cuadros de filtro.

He sobrescrito temporalmente con display: flex; para ese elemento. Me gustaría enviar un PR con la corrección, pero no hay mucha información sobre cómo les gustaría que se hicieran las contribuciones.

Como nota al margen, los otros filtros usan la flecha hacia la derecha para el estado de reposo, mientras que este usa la flecha hacia abajo para el estado de reposo.

Screenshot_2021-02-12 Latest topics - Pi-hole Userspace

2 Me gusta
2

¡Gracias por reportarlo! Puedo reproducir el problema en mi versión local de desarrollo de Discourse, que está ejecutando el último código de Discourse, por lo que parece que el problema aún no se ha solucionado.

He movido tu publicación a un nuevo tema en la categoría UX para ayudarnos a rastrear el problema.

4 Me gusta
4

Tengo una corrección lista aquí:

Si actualizas la próxima semana, debería estar disponible. Ya está fusionada y disponible ahora.

Mientras tanto, puedes agregar este CSS al tema de tu sitio si deseas solucionarlo de inmediato:

.select-kit {
  &.solved-status-filter {
    margin-bottom: var(--nav-space); // variable principal
    .select-kit-header {
      margin: 0;
    }
  }
}
4 Me gusta
5

He notado en varios lugares que los selectores que usan variables en los valores de las propiedades están cambiando del formato $var al formato --var. ¿Es esto un cambio del framework y está documentado en algún lugar?

1 me gusta
6

Sí, para los colores hicimos el cambio a propiedades personalizadas de CSS en lugar de variables de SCSS para admitir el modo oscuro… hay más detalles aquí: Update themes and plugins to support automatic dark mode

También hemos estado usando propiedades personalizadas en lugar de agregar nuevas variables de Sass en otros lugares cuando es posible; hay algunas ventajas y desventajas de cada método.

4 Me gusta