Skip to content

fix: breadcrumb z-index to prevent completion mark overlapping stick…#1926

Open
MehranKhn wants to merge 1 commit into
code100x:mainfrom
MehranKhn:fix-completion-badge-bug
Open

fix: breadcrumb z-index to prevent completion mark overlapping stick…#1926
MehranKhn wants to merge 1 commit into
code100x:mainfrom
MehranKhn:fix-completion-badge-bug

Conversation

@MehranKhn
Copy link
Copy Markdown

Problem

When scrolling, the completion checkmark badge on ContentCard was
appearing above the sticky breadcrumb header due to CSS transforms
creating a new stacking context.

Fix

  • Increased breadcrumb z-index from z-10 to z-20 in CourseView
  • This ensures cards scroll correctly beneath the sticky header

Testing

  • Navigate to any course folder
  • Scroll down — cards should go below the sticky breadcrumb
  • Completion badge should not overlap the header

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.

1 participant