ioet / ioet-website-v2

IOET website
MIT License
0 stars 0 forks source link

Www 89 improve card holder #31

Closed scastillo-jp closed 4 years ago

scastillo-jp commented 4 years ago

subo estos cambios son para el card holder: añadí: const { align, ...pProps } = defaultP el text.p del card holder.

Puse un hover según el diseño: image

-- Probe con esta tarjeta de portafolio el hover: image

image


también estate añadiendo en contenful a este card holder información para cambiar el color del body.text y alienar a la izquierda el texto, y propiedades para el hover, en el caso de que no se quiera hover en otras tarjetas.


En la sección del hover tengo unos warning al cambiar a onFocus, onBlur tal y como dice el mensaje el hover no nunca voy probar con alguna otra propiedad.

  32:11  warning  onMouseOver must be accompanied by onFocus for accessibility
jsx-a11y/mouse-events-have-key-events
  32:11  warning  onMouseOut must be accompanied by onBlur for accessibility
jsx-a11y/mouse-events-have-key-events
  42:11  warning  onMouseOver must be accompanied by onFocus for accessibility
jsx-a11y/mouse-events-have-key-events
  42:11  warning  onMouseOut must be accompanied by onBlur for accessibility 
scastillo-jp commented 4 years ago

I have new changes to use: hover if you need to use hover, it is necessary to send these values ​​in the contentful

{
    "active": {
        "color": "white",
        "background": "primary.light"
    }
}