Slot alignment

[PatriRoman]

Goal

Nos gustaría poder conseguir alinear los slots de diferente forma cuando tenemos más de uno o que en la descripción de Mística se puedan poner bullets.

Context

Para dar cabida a dos peticiones distintas de las OBs:

1. Una movistar que es poder poner la descripción de las cards con bullets
2. Otra de Alemania que es poder alinear el precio al bottom de la card

Lo resolvimos poniendo la descripción cuando la quieren con bullets en un slot, ya que actualmente en Mística no se puede poner la descripción de las cards con bullets.

El problema viene ahora con la petición de Alemania, de poder alinear el precio no con el contenido de la card, si no al bottom de la misma.

Si los usuarios de CMS eligiesen poner una descripción con bullets y además el precio con slot sligment bottom, pasaría esto:

https://mistica-web.vercel.app/playroom/#?code=N4Igxg9gJgpiBcIA8AFATjAbgSxgdwBUIIAbAZwAIB6APgB0A7JAJRjIAcIGztMYAZAIYBPCAFcALvQYUKSAEIQAHhXaCoUbAwDmATQC8wAMwAmAL7TZspAGFBacWRglGVq3mwSAFvLEkSMBJkrm4UnjAAtmSGAIJoaCIAdABmDhEAFMAUATre8BQAbBRmADQU6QD6ZdhQSgCUFPo05SGhcgCyMJqCdmhQrW0UXjDqJFowhkgEgtoUEsLsE3Qg7GkQyzQAEiNQYwwwSFTT2jRmA20SngGGy71QFMsUANRhtWcyg7KwZGBo2OyXLg3D6fWQ1FQAUgoJnOoIA-A8QChBBIUYIKIJBGRBNgeIIvBjkl5tNgvGgKGJsGhZjA0ATaaSYLSIAyIMMIH8KBA8LSYBzacM6RQGSKMOxsNphh46aLcNLhX92PS0OLBarhXg-srsGIhgztcr2JL8NpyYKwmSYGExLSFTq7WIaWhKYjYZ98mIGLBkuN%2BiDBu9QRQIl1sIJgUHrABJCIzK1kNBgfTLLwSCTsMjwKhUcVgMhiCKJJUQCQQMhUACMJgADNXKzXq48sYswBJmCjsBBkyAKwV4ABOR60N1WQOgsgkEsxMbaBghhgSbsAIxLpYiyxHsgnJYjkYUylU6k0OiI7EMvYsm9CSAAyqiwABrCgcQRgCbAC%2BWSNuJB%2BZ-za5gCyMYyAkO9hACAgFhgfJlk0H5ljKNQNC0bR%2BBgZIJHyEwABZikvf1v1kYA4gSYQUjSTJshgXIvHyIpSnKKpXnqRpmnSK8gymGAlAkGFCKItwHxgYRDHBMdBLaLFuzGDcBMkihIEnNBDDIB8tAANXsMhEiUjkdIkHiwJgSAvXsYQJIUqwMG0Px7E40EvysqxkVRVEKGAcFngoCtLIUw4CCMkwnMkuo6j8vcqD8ELvyQTYJS8GdUy6LSSBteRJ0fBy2mGdRUOiYAAG0skM3jYJAUqJEQihMEENKYMRGtHjMABdCLv2%2BX5-kBBhu06xUerkhTh3kwZDjvV8HxisaqEUJRprcdqrCXSRS164AHIUVauHQbBYzQYRn1jfwuQYdA2AK9IGiaDyzAIwSYlbTsGE22btrOv59uEBbRyvFa0y4fgtAfXcuN8AGGCBhgnzIY6SFO86yEu67mmAO6fraKGH1e8G1qxjHihHEa2jCyzibkWblGkQ5WA4LgeD4IRREkaQQBKCrhhDMgEEKkB2ggHBQPsEAWvZjwoG8bn4EKgB2AoAA4SgrIwFbaoA

Que no queremos que suceda. En este caso nos gustaría que la descripción con bullets se quedase donde siempre, pegada al título de la card, y el slot de precio de novum extended pues a decisión del usuario de CMS, o con el contenido como hasta ahora o al bottom (como se muestra en el Figma adjunto)

Impact

Entiendo que la solución más sencilla sería o permitir que las descripciones tengan bullets o la posibilidad de alinear los slots de manera individual, viendo los impactos que tiene cada una de las cosas.

Discussion Questions

• ¿Cómo solucionamos este problema? ¿Cuál sería la manera más ágil?

Additional considerations

No response

Do you have a visual proposal?

https://www.figma.com/design/gKyvbfAjjPmY8gre57H2nO/Slot-aligment?node-id=1-5410&t=JRWiFguTGMKcWDUm-1

[aweell]

Buenas @PatriRoman,

Revisando el caso vemos otros ejemplos con este caso de uso que idealmente deberían poder resolverse con Mística.

Un solución podría ser que las descripciones soportaran listados, sin embargo creemos que no escala muy bien, ya que mañana, además de un listado podría necesitarse otro tipo de contenido en el slot mientras se tiene un price (o lo que aplique) alineado en la parte inferior.

Esto nos empuja a pensar que tiene que ser una solución del propio slot mas que de los contenidos de la card.

Tras discutir varias soluciones, una posible solución puede ser que permitamos que el alineamiento del slot también soporte un "space between" o algo en es alinea que permita que se alineen dos elementos en un slot uno arriba y otro abajo y este tome todo el espacio disponible. Discutiremos este aspecto con desarrollo.

Creo una issue para evaluar la solución y ejecutarla. Para encajar esta tarea en Mística priorízala con tu PM para incluirla en los needs.

Gracias ❤️