Selector de etiquetas ligeramente menos ancho

En meta, descubrí una nueva diferencia de UX: el selector de etiquetas es ligeramente menos ancho que el campo de título y el selector de categorías.

8 Me gusta

Probablemente sk2 cc @j.jaffeux

7 Me gusta

De hecho, eso ha estado ahí desde hace un tiempo, si recuerdo bien, pero deberíamos solucionarlo.

9 Me gusta

Creo que son dos problemas:

  1. select-kit 2 está forzando que el campo de entrada de etiquetas se coloque en una línea separada de forma predeterminada.

  2. El problema más antiguo es que, a veces, las etiquetas se mueven a su propia línea cuando hay un nombre de categoría largo y, en ese punto, ya no se necesita el margen izquierdo del campo de entrada de etiquetas. No hay una buena manera de tener en cuenta esa variabilidad con flexbox… para móviles, quizás solo forcemos que siempre sea de dos columnas y usemos truncamiento (¿creo que antes era así?).

    Esto no es un problema con grid, por lo que en algún momento actualizar esos campos de entrada para usar grid permitiría mayor flexibilidad con menos problemas (probablemente sea mejor hacerlo después de dejar de admitir IE).

8 Me gusta

He empujado una corrección menor para esto, por lo que las categorías y etiquetas aparecerán en la misma línea en dispositivos móviles.

Creo que para la próxima versión lo reestructuraré usando grid… y en ese momento los campos de entrada podrán envolver si es necesario, sin preocuparse por los márgenes laterales adicionales. Usaré @supports(grid) para que los navegadores más antiguos vuelvan a la implementación actual basada en flex.

11 Me gusta