0

Hello i deployed my webpart on Sharepoint Online on a page and i see a difference in display between edit mode and published page. The webpart contain a scss that i use thanks to declare module "*.module.scss"; in a file typing.d.ts . What should i do?

In the same way there is a difference between the layout in workbench and when i deploy my sspkg. To deploy here is the process i use:

  • increased the build number
  • gulp clean then gulp build --ship, gulp bundle --ship and gulp package-solution --ship.

Page in Edit mode enter image description here

Published page

enter image description here

Improve this question
4
  • Page Edit Mode: Users who have elevated permission can add and configure Web Part on the page. Published Page: Final outcome of the page that the end users see and use it to complete the intended task that the web part is designed and configured for
    – Matiur Rahman
    Commented May 28 at 20:49
  • And the contents of the *.scss should be included in the deployed SPFx package
    – Matiur Rahman
    Commented May 28 at 20:50
  • @MatiurRahman yes it should be included .Do you see what im missing?
    – captainclito
    Commented May 28 at 21:13
  • I can't tell based on the screenshots you've posted. Please list the end user expected results and what is missing in the published page. What is expected for web part to do?
    – Matiur Rahman
    Commented May 28 at 21:37

1 Answer 1

Reset to default
0

I just found the solution. Acutally in my file module.scss i changed property of labels from text-align:relative to display: flex;

Improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.