You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I want to modify the styling of buttons in the "children pages" layout to allow the text to wrap and remove the ellipsis (...) that appears when the text is too long. The goal is to ensure that text is fully visible, and the container expands dynamically to accommodate it.
I'm doing this by eiditing this ybder the the "Layouts.module.scss" under webparts>pagehierarchy>components>Layout
Error Logs: The build fails with warnings related to linting and TypeScript, but no errors that directly point to the CSS change. Warnings include @typescript-eslint/no-explicit-any, no-unused-vars, and other TypeScript linting issues.
Reversion: Reverting the text-align property back to left resolves the build issues, and the web part works as expected.
Browser Console: After changing the alignment to right, the browser console does not show any additional meaningful errors when inspecting the running web part.
Reverting the changes and reuploading fixes the app again.
Disclaimer
Yes
Sample
https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-pages-hierarchy
Question
I want to modify the styling of buttons in the "children pages" layout to allow the text to wrap and remove the ellipsis (...) that appears when the text is too long. The goal is to ensure that text is fully visible, and the container expands dynamically to accommodate it.
I'm doing this by eiditing this ybder the the "Layouts.module.scss" under webparts>pagehierarchy>components>Layout
Error Logs: The build fails with warnings related to linting and TypeScript, but no errors that directly point to the CSS change. Warnings include @typescript-eslint/no-explicit-any, no-unused-vars, and other TypeScript linting issues.
Reversion: Reverting the text-align property back to left resolves the build issues, and the web part works as expected.
Browser Console: After changing the alignment to right, the browser console does not show any additional meaningful errors when inspecting the running web part.
Reverting the changes and reuploading fixes the app again.
Current Setup:
Node.js version: v16.20.2
SPFx build tools version: 3.18.1
React version: 16.9.0
TypeScript version: 4.7.4
Are there any additional debugging steps or configurations I should try to diagnose why a simple CSS change would result in build issues?
Any guidance or suggestions would be greatly appreciated!
The text was updated successfully, but these errors were encountered: