Project

General

Profile

Actions

dev #3192

open

dev #3191: UI Issue Fixing

[Issue 15] Tab navigation overlaps with section content at 744px width

Added by Ayat Rahman 7 months ago. Updated 7 months ago.

Status:
Complete
Priority:
High
Assignee:
Target version:
Start date:
09/10/2025
Due date:
% Done:

100%

Estimated time:
2:00 h
Spent time:

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:

  1. Open the app at 744px width.
  2. Observe the tab navigation overlapping the section content.
  3. 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-wrapno-wrap).
  • Fixed inline spacing for card sections on home and details page at 125% zoom on tab.

Actions #1

Updated by Ayat Rahman 7 months ago

  • % Done changed from 0 to 100
  • Estimated time set to 2:00 h
Actions

Also available in: Atom PDF