Codex - Second Try for the Fix
This commit is contained in:
@@ -959,7 +959,7 @@ export default function MelodyList() {
|
||||
|
||||
return (
|
||||
<div className="w-full min-w-0 max-w-full" style={{ overflowX: "clip" }}>
|
||||
<div className="w-full max-w-full overflow-x-hidden">
|
||||
<div className="w-full max-w-full overflow-x-hidden relative z-40">
|
||||
<div className="flex items-center justify-between mb-6 w-full min-w-0">
|
||||
<h1 className="text-2xl font-bold" style={{ color: "var(--text-heading)" }}>Melodies</h1>
|
||||
{canEdit && (
|
||||
@@ -1015,7 +1015,7 @@ export default function MelodyList() {
|
||||
<option value="draft">Drafts</option>
|
||||
</select>
|
||||
|
||||
<div className="relative" ref={creatorPickerRef}>
|
||||
<div className="relative z-50" ref={creatorPickerRef}>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setShowCreatorPicker((prev) => !prev)}
|
||||
@@ -1027,7 +1027,7 @@ export default function MelodyList() {
|
||||
</button>
|
||||
{showCreatorPicker && (
|
||||
<div
|
||||
className="absolute left-0 top-full mt-1 z-20 rounded-lg shadow-lg py-2 w-64 border max-h-64 overflow-auto"
|
||||
className="absolute left-0 top-full mt-1 z-[80] rounded-lg shadow-lg py-2 w-64 border max-h-64 overflow-auto"
|
||||
style={{ backgroundColor: "var(--bg-card)", borderColor: "var(--border-primary)" }}
|
||||
>
|
||||
{allCreators.length === 0 ? (
|
||||
@@ -1078,7 +1078,7 @@ export default function MelodyList() {
|
||||
)}
|
||||
|
||||
{/* Column visibility dropdown */}
|
||||
<div className="relative" ref={columnPickerRef}>
|
||||
<div className="relative z-50" ref={columnPickerRef}>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setShowColumnPicker((prev) => !prev)}
|
||||
@@ -1095,7 +1095,7 @@ export default function MelodyList() {
|
||||
</button>
|
||||
{showColumnPicker && (
|
||||
<div
|
||||
className="absolute right-0 top-full mt-1 z-20 rounded-lg shadow-lg py-2 w-56 border"
|
||||
className="absolute right-0 top-full mt-1 z-[80] rounded-lg shadow-lg py-2 w-56 border"
|
||||
style={{
|
||||
backgroundColor: "var(--bg-card)",
|
||||
borderColor: "var(--border-primary)",
|
||||
@@ -1208,8 +1208,8 @@ export default function MelodyList() {
|
||||
borderColor: "var(--border-primary)",
|
||||
}}
|
||||
>
|
||||
<div className="w-full max-w-full overflow-x-auto">
|
||||
<table className="text-sm min-w-max">
|
||||
<div className="w-full max-w-full overflow-x-auto relative z-0">
|
||||
<table className="w-full text-sm min-w-max">
|
||||
<thead>
|
||||
<tr style={{ backgroundColor: "var(--bg-primary)", borderBottom: "1px solid var(--border-primary)" }}>
|
||||
{activeColumns.map((col) => (
|
||||
|
||||
Reference in New Issue
Block a user