Adding my own Package to a Project breaks the Page
I created the ps -table package based on a Table that I had in my Project . Now when I try to swap the original table in that project for my package - the page breaks . I added a picture of the page without my ps -table component and the second one is where I added the component . The original tables now get broken too , my header looses CSS , font turns black The weird thing is in the editor the Page looks fine even after the Component is added . Nothing in the console logs either : Page with the problem is : https://dev-ngaffiliate.toddle.site/team I had a look , and I can reproduce some of the styling issues - specifically in the footer of your table . It seems that your style variant for <670px takes effect even when the window is larger than that . I 'll investigate that further . I could not reproduce the issue where font styling changes after inserting the pstable component . Could you perhaps try to reproduce the issue in a small separate project I can look at ? 🤞 Also , I noticed that your JSON encoding the path in your columns attribute . I believe it should be possible to pass an array without encoding it ? I am not sure if it works without encoding , I fiddled arround quiet a bit but it wasnt workung until I used JSON encoding so I just went with that I think I found the issue . On the actual table element in the ps-table component , the CSS is invalid (see screenshot ) . If you want to style the last child of an element specifically , you should apply the styling on that element using a style variant (see other screenshot ) . Since the CSS had an opening bracket , it meant that it changed the scope for some of the other CSS on the rendered page . Obviously , we should not allow that to happen , but for now you should be able to fix the issue by removing the last-child styling from your CSS editor on the table element 🤞 Please let me know if it works (and if it makes sense 😅 )
.jpeg/public)