update timeline block

2024-10-10 17:57:01 +02:00
parent 245c9acf7a
commit c4b7c52f4b
2 changed files with 6 additions and 2 deletions
--- a/src/app/football-field/football-field.component.css
+++ b/src/app/football-field/football-field.component.css
@@ -92,8 +92,11 @@ canvas {

 .timeline-block {
  position: absolute;
-  height: 25px;
+  height: 23px;
  background-color: hsla(240, 100%, 50%, 0.308);
-  border: 1px solid black;
+  border: 2px solid black;
  cursor: move;
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 12px;
+  text-align: center;
 }
--- a/src/app/football-field/football-field.component.html
+++ b/src/app/football-field/football-field.component.html
@@ -73,6 +73,7 @@
 						[style.left]="calculateLeftPosition(step)"
 						[style.width]="calculateBlockWidth(step)"
 				     	(mousedown)="onTimelineBlockMouseDown($event, player, i)">
+						{{ i + 1 }}
 					</div>
 				</div>
 			</div>