Fix header padding issue when modal or dropdown are open - Githubissues

openkfw / TruBudget

A blockchain-based workflow tool for efficient and transparent project management

https://openkfw.github.io/trubudget-website/

GNU General Public License v3.0

85 stars 39 forks source link

Fix header padding issue when modal or dropdown are open #1800

Closed pmolnar-dev closed 5 months ago

pmolnar-dev commented 5 months ago

[x] I have searched the issues of this repository and believe that this is not a duplicate.

Description 😯

there is a padding issue when user opens dialog or dropdown and right menu is moving 15px to the right every time
this is because Material UI adds padding for these components every time they open
we have targeted body element already, we just need to target header also
How to reproduce 🕹

login as any user
go to card view and try to change pagination limit by opening the dropdown
right navbar is moving to the left
...

Screenshots 📷

Add screenshots or screen recording video if applicable.

Your Environment 🌎

Tech	Version
Frontend	v2.?.?
API	v2.?.?
Blockchain	v2.?.?
Export-Service	v2.?.?
Email-Service	v2.?.?
Storage-Service	v2.?.?