Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[IMPROVEMENT] EDUAID_WEBSITE-UI-Background-MissFit_Fixed #52

Open
wants to merge 7 commits into
base: main
Choose a base branch
from

Conversation

Hamza1821
Copy link

In UI of EDUAID website , All the page's backgrounds were Missfits At 100%screen zoom

below is the images of those backgrounds :

Screenshot 2024-08-27 at 23-57-53 EduAid

Screenshot 2024-08-27 at 23-58-15 EduAid

Steps to Reproduce This issue

1) Run the frontend Server by command `npm run start`
2) visit any page n browser set the screen zoom level to 100% and scroll down.

What and How i Fix This Issue

Step 1 :

I created a CSS class called `scrollable_bg`
assign it the property `background-attachment : fixed` and `overflow-y : scroll`

Step 2 :

I assign the class `scrollable_bg` to Parent divs of each pages and also to divs which renders the customized radiant background

Ui after the Issue is fixed

Screenshot 2024-08-28 at 00-54-06 EduAid

Screenshot 2024-08-28 at 00-54-19 EduAid

@Hamza1821
Copy link
Author

i request the maintainers of this repo to look at my pull request

@Roaster05
Copy link
Contributor

@Aditya062003 have a look at this

@Aditya062003
Copy link
Contributor

@Hamza1821 pls fix the PR. You have also pushed the virtual env

@Hamza1821
Copy link
Author

Sir please mention the file

@Hamza1821
Copy link
Author

Should i remove entire venv folder in backend folder ...please guide me

@Hamza1821
Copy link
Author

sir now you can merge

@Hamza1821
Copy link
Author

pLease review this PR @Aditya062003

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants