fix: adjust z-index for leaderboard sticky div to prevent cropping of expansion icon

VasylMarchuk · VasylMarchuk · commit 08f2a9228101 · 2025-11-22T17:43:47.000+02:00
diff --git a/app/templates/course.hbs b/app/templates/course.hbs
@@ -89,7 +89,7 @@
         class="{{if this.leaderboardIsExpanded 'w-64 xl:w-80 pr-6' 'pr-4'}}
           pt-6 shrink-0 border-l border-gray-200 dark:border-white/5 bg-gray-50 dark:bg-gray-900 hidden md:block group"
       >
-        <div class="sticky top-14">
+        <div class="sticky top-14 z-11">
           {{#if this.leaderboardIsExpanded}}
             <CoursePage::CollapseLeaderboardButton
               class="opacity-0 group-hover:opacity-100 absolute top-6 -left-3.5 z-10"

Original file line number	Diff line number	Diff line change
`@@ -89,7 +89,7 @@`
`89`	`89`	`class="{{if this.leaderboardIsExpanded 'w-64 xl:w-80 pr-6' 'pr-4'}}`
`90`	`90`	`pt-6 shrink-0 border-l border-gray-200 dark:border-white/5 bg-gray-50 dark:bg-gray-900 hidden md:block group"`
`91`	`91`	`>`
`92`		`- <div class="sticky top-14">`
	`92`	`+ <div class="sticky top-14 z-11">`
`93`	`93`	`{{#if this.leaderboardIsExpanded}}`
`94`	`94`	`<CoursePage::CollapseLeaderboardButton`
`95`	`95`	`class="opacity-0 group-hover:opacity-100 absolute top-6 -left-3.5 z-10"`