bonamin/bellsystems-cp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Codex - Second Try for the Fix

Browse Source
This commit is contained in:
Vasileios Kousaridas
2026-02-23 12:09:37 +02:00
parent 342fc06ce7
commit 14a7250eef
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/melodies/MelodyList.jsx
View File

@@ -959,7 +959,7 @@ export default function MelodyList() {
return ( return (
<div className="w-full min-w-0 max-w-full" style={{ overflowX: "clip" }}> <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"> <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> <h1 className="text-2xl font-bold" style={{ color: "var(--text-heading)" }}>Melodies</h1>
{canEdit && ( {canEdit && (
@@ -1015,7 +1015,7 @@ export default function MelodyList() {
<option value="draft">Drafts</option> <option value="draft">Drafts</option>
</select> </select>
<div className="relative" ref={creatorPickerRef}> <div className="relative z-50" ref={creatorPickerRef}>
<button <button
type="button" type="button"
onClick={() => setShowCreatorPicker((prev) => !prev)} onClick={() => setShowCreatorPicker((prev) => !prev)}
@@ -1027,7 +1027,7 @@ export default function MelodyList() {
</button> </button>
{showCreatorPicker && ( {showCreatorPicker && (
<div <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)" }} style={{ backgroundColor: "var(--bg-card)", borderColor: "var(--border-primary)" }}
> >
{allCreators.length === 0 ? ( {allCreators.length === 0 ? (
@@ -1078,7 +1078,7 @@ export default function MelodyList() {
)} )}
{/* Column visibility dropdown */} {/* Column visibility dropdown */}
<div className="relative" ref={columnPickerRef}> <div className="relative z-50" ref={columnPickerRef}>
<button <button
type="button" type="button"
onClick={() => setShowColumnPicker((prev) => !prev)} onClick={() => setShowColumnPicker((prev) => !prev)}
@@ -1095,7 +1095,7 @@ export default function MelodyList() {
</button> </button>
{showColumnPicker && ( {showColumnPicker && (
<div <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={{ style={{
backgroundColor: "var(--bg-card)", backgroundColor: "var(--bg-card)",
borderColor: "var(--border-primary)", borderColor: "var(--border-primary)",
@@ -1208,8 +1208,8 @@ export default function MelodyList() {
borderColor: "var(--border-primary)", borderColor: "var(--border-primary)",
}} }}
> >
<div className="w-full max-w-full overflow-x-auto"> <div className="w-full max-w-full overflow-x-auto relative z-0">
<table className="text-sm min-w-max"> <table className="w-full text-sm min-w-max">
<thead> <thead>
<tr style={{ backgroundColor: "var(--bg-primary)", borderBottom: "1px solid var(--border-primary)" }}> <tr style={{ backgroundColor: "var(--bg-primary)", borderBottom: "1px solid var(--border-primary)" }}>
{activeColumns.map((col) => ( {activeColumns.map((col) => (