Inverse Fullwidth module on desktop

[MontseTelefonica]

CPS has pointed out a doubt about the Movistar+ module of the hub in desktop. Right now the full width section background is not supported and devs say this behaviour should be defined by design core.

Teams discussion:
[12:11] Carlos Fernandez Piñeiro
en movil hay un pequeño hack de "NegativeBox" [Ojo, yo le llamo hack, pero es la forma de trabajar propuesta por mistica] q pone margenes negativos e invierte el responsive layout
Edited​[12:11] Carlos Fernandez Piñeiro
pero claro, ahi es pq se sabe q en movil el layout le ha aplicado 16 px
​[12:11] Carlos Fernandez Piñeiro
en desktop creo q no hay nada analogo
​[12:12] Carlos Fernandez Piñeiro
deberia ser algo resuelto por parte de design core, idealmente

[yceballost]

Absolutely, we need to include a component to provide a fullwidth background!

[yceballost]

mistica-web va a pensar cuál es la mejor forma de incorporar esto a Mística. @atabel comentaba que podría incorporarse al <ResponsiveLayout> una prop isInverse.

[MontseTelefonica]

Para el nuevo concepto de secciones, cuando se seleccione un color oscuro de fondo, todos los módulos incluidos deberían forzarse a ser inverse. Esta prop isInverse podría servir para hacer eso?
Adjunto pantallazo de ejemplo

[yceballost]

sip, el isInverse es lo que se usa por ejemplo en una navigation bar para pasarla de blanca a color de marca
https://ibit.ly/_flv

o un header
https://ibit.ly/Pi25

[MontseTelefonica]

Perfect! claro clarinete

[aweell]

Telefonica/mistica-web#600

Ya se permite introducir un background-color en el componente responsive layout.

Archivo discussion