From a0e0342fe649f075042cbb23d5da67d78d57ee0a Mon Sep 17 00:00:00 2001
From: JotaChina <sousacj1@gmail.com>
Date: Tue, 23 Dec 2025 20:56:56 -0300
Subject: [PATCH] melhorando a leitura de projetos no mmpCreator

---
 assets/css/creator.css                | 9 +++++++++
 assets/js/creations/audio/audio_ui.js | 7 +++++++
 2 files changed, 16 insertions(+)

diff --git a/assets/css/creator.css b/assets/css/creator.css
index be295b15..b4402d7d 100755
--- a/assets/css/creator.css
+++ b/assets/css/creator.css
@@ -311,6 +311,15 @@ body.sidebar-hidden .sample-browser { width: 0; min-width: 0; border-right: none
 /* =============================================== */
 /* EDITOR DE ÁUDIO & TIMELINE
 /* =============================================== */
+.timeline-clip.bassline-clip{
+  top: 0;
+  transform: none;
+  border-radius: 0;
+  background-repeat: inherit;
+  background-size: inherit;
+  background-image: inherit; /* força herdar o grid do pai */
+}
+
 .audio-editor {
   flex: 1; background-color: var(--bg-editor); border: 1px solid var(--border-color);
   border-radius: 8px; box-shadow: 0 5px 15px rgba(0, 0, 0, .3); overflow: hidden;
diff --git a/assets/js/creations/audio/audio_ui.js b/assets/js/creations/audio/audio_ui.js
index b39bbd3a..a840c742 100755
--- a/assets/js/creations/audio/audio_ui.js
+++ b/assets/js/creations/audio/audio_ui.js
@@ -369,6 +369,13 @@ export function renderAudioEditor() {
             clipDiv.style.left = `${leftPos}px`;
             clipDiv.style.width = `${widthDim}px`;
             clipDiv.style.height = "100%"; 
+            const gridStyle = getComputedStyle(grid);
+            clipDiv.style.backgroundImage = gridStyle.backgroundImage;
+            clipDiv.style.backgroundSize  = gridStyle.backgroundSize;
+            clipDiv.style.backgroundRepeat = "repeat";
+
+            // Alinha o padrão do grid com a timeline (não reinicia no começo do bloco)
+            clipDiv.style.backgroundPosition = `-${leftPos}px 0px`;
             clipDiv.style.backgroundColor = "rgba(0, 170, 170, 0.6)"; 
             clipDiv.style.border = "1px solid #00aaaa";
             clipDiv.style.boxSizing = "border-box";