grid lines and some ui fixes :D

src/ui/widgets/timeline.py

@@ -1,6 +1,7 @@
 from textual.containers import Vertical, VerticalScroll, Horizontal, VerticalGroup, HorizontalGroup
 from textual.widgets import Rule
 from textual.app import ComposeResult
+from textual import on, events
 
 from ui.widgets.chunk_types.audio import AudioChunk, Chunk
 from ui.widgets.play_head import PlayHead
@@ -19,7 +20,6 @@ class TimelineRow(Horizontal):
 class Timeline(Vertical):
     DEFAULT_CSS = """
     Timeline {
-        
         #rows {
             hatch: "-" $surface-lighten-1;
             padding: 1 0;
@@ -49,36 +49,68 @@ class Timeline(Vertical):
     """
     
     def __init__(self):
-        super().__init__()
+        super().__init__(id="timeline")
         
-        self.bar_offset = self.app.project.bpm / 8 * (0.0333 / self.app.zoom_level)
+        self.calc_bar_offset()
+        
+    def calc_bar_offset(self):
+        self.bar_offset = self.app.project.bpm / 8 * (0.03333333333 / self.app.zoom_level)
+        
+    @on(events.MouseScrollDown)
+    async def mouse_scroll_down(self, event: events.MouseScrollDown):
+        self.app.zoom_level += (self.app.scroll_sensitivity_x / 200)
+        self.calc_bar_offset()
+        self.app.last_zoom_level = self.app.zoom_level
+        self.handle_zoom()
+        
+    @on(events.MouseScrollUp)
+    async def mouse_scroll_up(self, event: events.MouseScrollUp):
+        self.app.zoom_level = max(self.app.zoom_level - self.app.scroll_sensitivity_x/200, 0.001)
+        
+        if self.app.zoom_level != self.app.last_zoom_level:
+            self.app.last_zoom_level = self.app.zoom_level
+            self.calc_bar_offset()
+            self.handle_zoom()
+            
+    def handle_zoom(self):
+        for chunk in self.query(Chunk):
+            chunk.calculate_size()
+            chunk.update_offset(self)
+            
+        for bar_line in self.query(Rule):
+            if not isinstance(bar_line, PlayHead):
+                bar_line.offset = (self.bar_offset * bar_line.index, 0)
     
     def compose(self) -> ComposeResult:
         
         
+        
         with VerticalScroll(id="rows"):
             
+            
+            
+            for channel in self.app.project.channels:
+                self.notify(str(channel))
+                
+                with TimelineRow():
+                    for chunk in channel.chunks:
+                        if chunk.chunk_type == ChunkType.CHUNK:
+                            yield Chunk(chunk_name=chunk.name, bar_pos=chunk.position)
+                        elif chunk.chunk_type == ChunkType.AUDIO:
+                            yield AudioChunk(chunk.audio_data, chunk.sample_rate, chunk.name, chunk.position)
+                            
             for i in range(1, 17):
                 bar = None
-                if (i) % 4 == 0:
+                if i % 4 == 0:
                     bar = Rule.vertical(classes="bar-line", line_style="double")
                 else:
                     bar = Rule.vertical(classes="beat-line")
                     
                 bar.offset = (self.bar_offset * i, 0)
+                bar.index = i
                     
                 yield bar
-            
-            for channel in self.app.project.channels:
-                
-                
-                with TimelineRow():
-                    for chunk in channel.chunks:
-                        if chunk.chunk_type == ChunkType.CHUNK:
-                            yield Chunk(chunk_name=chunk.name)
-                        elif chunk.chunk_type == ChunkType.AUDIO:
-                            yield AudioChunk(chunk.audio_data, chunk.sample_rate, chunk.name)
              
-            
+        
              
         #yield PlayHead()