sp-dev-solutions icon indicating copy to clipboard operation
sp-dev-solutions copied to clipboard

Published 20 hours ago • verified publisher icon pnp

Instagram Web Part - CSS Issues

Open tonilcaiser opened this issue 4 years ago • 2 comments

The component InstaList.tsx references two CSS files with the wrong name and this prevents to successfully bundle the web part.

require('./css/slick.scss'); require('./css/slick-theme.scss');

Updating the reference with the correct file names (the ones existing in the solution) in the following way require('./css/slick.module.scss'); require('./css/slick-theme.module.scss'); the bundle and package process worked well.

After completing the web part setup, the web part still seems to do not work properly. In fact, only some buttons are displayed and the page is empty.

After some checks with the developer toolbar opened, removing the transform3d translate css option from the element with class 'slick-slider', the elements are displayed. It means, data retrieval seems to work correctly, but not the visualization (both items and pagination buttons). Annotation 2019-10-03 164 Annotation 2019-10-03 165 Annotation 2019-10-03 164757

tonilcaiser avatar Oct 03 '19 14:10 tonilcaiser

I am also interested in this. Cannot run gulp bundle --ship becasue of this. @PaoloPia image

mirontoli avatar Feb 12 '21 06:02 mirontoli

what version of node did you use when it worked @PaoloPia ?

mirontoli avatar Feb 12 '21 07:02 mirontoli