The Navbar is not responsive when resizing the browser window.

sef-global / scholarx-frontend

This is the frontend of the ScholarX

MIT License

5 stars 58 forks source link

The Navbar is not responsive when resizing the browser window. #73

Open mayura-andrew opened 10 months ago

mayura-andrew commented 10 months ago

Describe the bug The Navbar is not responsive when resizing the browser window. The Navbar does not adapt to the changing window size.

To Reproduce Steps to reproduce the behavior:

Open the website in a web browser.
Resize the browser window.
Observe the Navbar.

Expected behavior The Navbar should be responsive and adapt to the size of the browser window. As the window size decreases, the Navbar should collapse into a hamburger menu or similar.

Screenshots If applicable, add screenshots to help explain your problem. Screencast_20240114_130504-1.webm

Desktop (please complete the following information):

OS: Fedora Linux 39 (KDE Plasma) x86_64 Browser: Mozilla Firefox Version: 121.0

Additional context The issue occurs when resizing the browser window on a desktop.

mayura-andrew commented 10 months ago

Screencast_20240114_130504-1.webm

here the issue

vishwaikon commented 10 months ago

Hi, Can I please work on this issue ?

dilankavishka commented 10 months ago

Hi @anjula-sack @mayura-andrew Can i work on this issue please?

mayura-andrew commented 10 months ago

Hi @vishwaikon go head hey @dilankavishka can you work on another issue. Thank you:)

kavinda-100 commented 10 months ago

https://github.com/sef-global/scholarx-frontend/assets/152590601/77970498-c0b5-4942-aaff-7fdf4cfc5346

refactor existing css with tailwindcss utility class.

mayura-andrew commented 10 months ago

@vishwaikon hey any updates ?

mayura-andrew commented 10 months ago

2024-01-22-13-25-07.mp4 refactor existing css with tailwindcss utility class.

nice. can you keep this changes in separate branch ?

vishwaikon commented 9 months ago

@mayura-andrew Hi, I figured out an issue the nav icon has with mobile devices where the icon gets positioned in the centre and fixed it. But yet couldn't fix the issue with the navbar on large screens. I'll try to learn and figure it out and will update the progress. Good job @kavinda-100 !. Regards!

anjula-sack commented 9 months ago

Hi @vishwaikon, Shall we merge the @kavinda-100's update since it's already done? You can work on another issue. @mayura-andrew Will you be able to find another issue for @vishwaikon?

kavinda-100 commented 9 months ago

2024-01-22-13-25-07.mp4 refactor existing css with tailwindcss utility class.

nice. can you keep this changes in separate branch ?

ok!. I will create new branch for keep these changes

mayura-andrew commented 9 months ago

@anjula-sack Yeah, sure. I will find an issue for @vishwaikon and assign it if he's interested!

mayura-andrew commented 9 months ago

@vishwaikon hey ! https://github.com/sef-global/scholarx-backend/issues/94 would you able to work on this issue?

vishwaikon commented 9 months ago

@mayura-andrew , I'll work on it.

mayura-andrew commented 9 months ago

@vishwaikon nice 👍 go head

anjula-sack commented 4 months ago

@mayura-andrew Is this issue still valid?

mayura-andrew commented 3 months ago

https://github.com/user-attachments/assets/00574234-8adf-4912-a4a0-656117a69437

This needs to be fixed, right? @anjula-sack

YashmithaDilshan27 commented 2 weeks ago

@mayura-andrew Is that issue still open, or has it been resolved?