fix: lift language dropdown above leaderboard banner (z-100)
This commit is contained in:
@@ -153,7 +153,7 @@ export default function LanguageSwitcher({ currentLang, onLanguageChange, compac
|
|||||||
const currentLangData = SUPPORTED_LANGUAGES.find(l => l.code === activeLang) || SUPPORTED_LANGUAGES[0];
|
const currentLangData = SUPPORTED_LANGUAGES.find(l => l.code === activeLang) || SUPPORTED_LANGUAGES[0];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div ref={dropdownRef} className="relative">
|
<div ref={dropdownRef} className="relative z-[100]">
|
||||||
<button
|
<button
|
||||||
onClick={() => setIsOpen(!isOpen)}
|
onClick={() => setIsOpen(!isOpen)}
|
||||||
className="flex items-center gap-1.5 px-2 py-1 rounded text-xs text-[#888] hover:text-white hover:bg-[#1a1a1a] transition-colors focus:outline-none focus-visible:ring-1 focus-visible:ring-[#3b82f6]"
|
className="flex items-center gap-1.5 px-2 py-1 rounded text-xs text-[#888] hover:text-white hover:bg-[#1a1a1a] transition-colors focus:outline-none focus-visible:ring-1 focus-visible:ring-[#3b82f6]"
|
||||||
@@ -172,7 +172,7 @@ export default function LanguageSwitcher({ currentLang, onLanguageChange, compac
|
|||||||
|
|
||||||
{isOpen && (
|
{isOpen && (
|
||||||
<div
|
<div
|
||||||
className="absolute top-full mt-1 right-0 bg-[#111] border border-[#333] rounded-lg shadow-xl z-50 min-w-[160px] py-1"
|
className="absolute top-full mt-1 right-0 bg-[#111] border border-[#333] rounded-lg shadow-xl z-[100] min-w-[160px] py-1"
|
||||||
role="listbox"
|
role="listbox"
|
||||||
aria-label="Select language"
|
aria-label="Select language"
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user