Mejoras en la UI de color y números
Especialmente para la personalización de plantillas.
Viene de sutty/jekyll/sutty-base-jekyll-theme!12 (merged)
Los campos de selección de color podrían mostrar el color como fondo en un cuadrado y como texto.
Para previsualizar cómo se van a leer? Está bueno
También se podría indicar cuál va encima de cuál y calcular el contraste.
Está bueno pero implicaría poder indicarle a Sutty esa relación. Pienso que el modelo de color podría tener un campo relacionado, entonces validar uno con el otro (pero sería más una advertencia que una restricción?)
https://www.npmjs.com/package/@mdhnpm/color-contrast-ratio-calculator
No sé si directamente crear un tipo de campo nuevo que sea MetadataColorContrast y que ya cargue uno con el otro.
(Cada tipo de campo en Sutty es una clase Metadata que sabe cómo guardar y validar sus valores y generar su campo en el formulario)
Los selectores numéricos podrían tener un deslizador además del número,
Es el input number nativo del navegador, cuando le das el foco aparecen. No me gusta hacer inputs customizados porque después tenemos problemas de accesibilidad y reimplementar cosas nativas (ya me pasó con select2 que no era accesible y en algunos navegadores no aceptaba tildes)
además el campo del número no debería ocupar todo el ancho.
Cuánto le damos? Qué hacemos con el espacio que sobra?
El ancho es un 10%, alineado a la izquierda, el resto queda en blanco. Si hay texto o algo para poner se puede poner algo a continuación. También podrías poner más información sobre el color, como el RGB o el HEX.
¿Interpretan bien decimales con coma y con punto?
Lo debería hacer el navegador eso
Podría seguir, pero es como para hacer una nueva ronda de mejoras luego de aprobar este.
Es para una revisión de los formularios de Sutty me parece