Fix background image from Participatory Budgets page

[iraline]

References

Closes #4786

Objectives

Allow to use a full background image in Participatory Budgeting

Visual Changes

Notes

In the issue description, it is informed about the Foundation class already allowing this effect. However, in the file /app/assets/stylesheets/layout.scss it is possible to notice that there is a limitation in the body with the value of $body-margin .This value is set in the file app/assets/stylesheets/_consul_settings.scss , thus preventing the image from expanding to the entire background width. To fix it, tests were done and the best way found was to add the z-index to the budget-header

[iraline]

I don't understand why the check is falling 🤔

[javierm]

@iraline Very sorry for that! 🙏 At a certain point, there was a change in GitHub Actions on pull requests done by people who don't have write access to the repository. Since then, we haven't been able to run the linters in these cases. We still haven't found how to fix the issue (ideas are welcome! 😉)

You can manually run the linters on your machine and check everything is OK with pronto run.

[javierm]

@iraline Great, thanks! 🎉 Creating a new stacking context so the background is behind the background of the ::before pseudoelement works indeed 👍.

[javierm]

@iraline Very sorry! 🙏 I noticed an issue right after merging the pull request. I've opened pull request #4825 to fix it.