search

conjure-cp / university-timetabling-demo

https://conjure-cp.github.io/university-timetabling-demo/
Mozilla Public License 2.0
0 stars 1 forks source link

Tabs Not Clickable on Smaller Screens #3

Open YuxinZhang214 opened 1 year ago

YuxinZhang214 commented 1 year ago

Describe the bug On smaller screens, the clickable tabs in the Create page cannot be selected due to responsive design issue.

To Reproduce Steps to reproduce the behaviour:

  1. Open the application in a web browser and adjust the window size to emulate a smaller screen or use the device toolbar in developer tools to emulate a mobile device.
  2. Go to Create Page
  3. Notice that the tabs are out of the screen

Expected behaviour The application should be responsive, and elements should adjust correctly to accommodate smaller screen sizes.

Actual behaviour Elements are not adjust correctly to accommodate smaller screen sizes.

Suggested Solution This problem likely lies within the CSS or UI framework used for styling the tabs. We should review the styling rules for these elements and ensure they are responsive.

Screenshots

Screenshot 2023-08-01 at 11 57 29

Environment

ozgurakgun commented 1 year ago

@YuxinZhang214 has a fix that uses dropdowns instead.