Actions
dev #3192
opendev #3191: UI Issue Fixing
[Issue 15] Tab navigation overlaps with section content at 744px width
Description
At screen width 744px, the tab navigation (Description, Pricing, Release, Review…) overlaps with the section content below. This causes redundancy and a confusing UI experience.
Additionally, on the home page and details page, empty white space appeared on the inline side of the card section when the UI was zoomed in to 125%.
Steps to Reproduce:
- Open the app at 744px width.
- Observe the tab navigation overlapping the section content.
- Zoom UI to 125% on home page and details page and notice extra whitespace beside card sections.
Expected Result:
- Tabs should display without overlapping content.
- No extra whitespace should appear at 125% zoom.
Fix Implemented:
- Adjusted tab navigation layout (
flex-wrap→no-wrap). - Fixed inline spacing for card sections on home and details page at 125% zoom on tab.
Updated by Ayat Rahman 7 months ago
- % Done changed from 0 to 100
- Estimated time set to 2:00 h
Actions