style of current slide and slide starting with a clear action

frukto · Mar 25, 2023 · 71fd423 · 71fd423
1 parent a403b55
commit 71fd423
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/AnimationToolBar.ts b/src/AnimationToolBar.ts
@@ -8,6 +8,7 @@ import { ActionFreeDraw } from './ActionFreeDraw';
 import { MagnetHighlighter } from './MagnetHighlighter';
 import { ActionMagnetNew } from './ActionMagnetNew';
 import { ActionMagnetMove } from './ActionMagnetMove';
+import { ActionClear } from './ActionClear';
 
 
 /**
@@ -24,7 +25,7 @@ export class AnimationToolBar {
         AnimationToolBar.selection = new SelectionActions();
         AnimationToolBar.update();
     }
-    
+
     static isSelection(): boolean { return !AnimationToolBar.selection.isEmpty; }
 
     /**
@@ -68,6 +69,11 @@ export class AnimationToolBar {
         slide.dataset.from = from + "";
         slide.dataset.to = to + "";
         slide.classList.add("slide");
+
+        if (from + 1 <= to)
+            if (BoardManager.timeline.actions[from + 1] instanceof ActionClear)
+                slide.classList.add("slideClear");
+
         slide.title = "slide n°" + slideNumber;
         slide.style.flexGrow = "" + Math.max(1, to - from);
 

diff --git a/src/style.css b/src/style.css
@@ -1132,6 +1132,10 @@ h1 {
 }
 
 
+
+
+
+
 .slide {
 	display: inline-block;
 	height: 8px;
@@ -1146,9 +1150,12 @@ h1 {
 	cursor: pointer;
 }
 
+.slideClear {
+	border-left: 2px solid rgb(128, 128, 255)
+}
 
 .slideCurrent {
-	border-left: 2px solid red;
+	border-bottom: 2px solid red;
 }