From d402ffa0dfbd56621d9edfb3ac13b8000bcbe607 Mon Sep 17 00:00:00 2001
From: JannisX11 <jannis4236@gmail.com>
Date: Sat, 22 May 2021 13:02:56 +0200
Subject: [PATCH] Add icon for discontinuous keyframes

---
 css/panels.css            |   8 ++++----
 css/setup.css             |   8 +++++++-
 font/icomoon.ttf          | Bin 9480 -> 9572 bytes
 font/icomoon.woff         | Bin 9556 -> 9648 bytes
 js/animations/timeline.js |   2 +-
 5 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/css/panels.css b/css/panels.css
index 6e6ee3b0..42415c94 100644
--- a/css/panels.css
+++ b/css/panels.css
@@ -811,11 +811,11 @@
 		height: 23px;
 	}
 	#timeline .keyframe i {
-		margin-top: 2px;
-		transform: rotate(45deg);
-		font-size: 14pt;
-		margin-left: -3px;
+		margin-top: 3px;
+		font-size: 16px;
+		margin-left: -1px;
 		pointer-events: none;
+		display: block;
 	}
 	#timeline .keyframe i.keyframe_icon_smaller {
 		font-size: 11pt;
diff --git a/css/setup.css b/css/setup.css
index d71871a5..cc3f4752 100644
--- a/css/setup.css
+++ b/css/setup.css
@@ -150,6 +150,12 @@
 	  -moz-osx-font-smoothing: grayscale;
 	}
 
+	.icon-keyframe:before {
+	  content: "\e924";
+	}
+	.icon-keyframe_discontinuous:before {
+	  content: "\e925";
+	}
 	.icon-gizmo:before {
 	  content: "\e922";
 	}
@@ -260,7 +266,7 @@
 	}
 
 
-
+	
 
 	.material-icons {
 		font-family: 'Material Icons';
diff --git a/font/icomoon.ttf b/font/icomoon.ttf
index 2db7134ece20bb411e24fc80b82db5b9efda6b15..54333cb6ca1ec801b57e810bdf59db1417a8b3a9 100644
GIT binary patch
delta 396
zcmeD1dg4{jz{tSBz|GLWz|3IaAFOZ0FT~~q6xjpB3CX#M1>#|s)-W(I$^iKx>50V!
zKw1FE2hkkqIhASbW}jyQ`4tQd3MVpB6H{b%B>iGwP;vmun`Hn6*!MHP2J(UO3@RD9
zB^C1+xT1jkIY9o3ocv_R#9bm=W-u@)y8s2kauX{G7|fZNfP9bwg}lVv)R|tKzkz(9
zgBaTi@{3D=4g~^Lka`6MX6DZm57;xRPGa<CRNd^uxLl!L<Npih8_Y96$~c*s7#MH-
z)A*;sJOe~B-e6#2K*+O!RB!@q1Id8YF*^O*2U7`R|Jw%+9iUCyuFBZQ^V@u7;AR2Y
z&T!{kzXyW;znl3l^ClplgMn$Xl9DE))?^>01sp)78X!FRjZ%=9fR8{5Pz5NowSfNP
R0qF*+{-`3nIazrrBLM27W2FE9

delta 289
zcmaFj)!|joz{tSBz|GLWz|3IaAFOZ0FT`dK6xjpB3CX#M1>#|sRxvOz$^iKx>50V!
zKw1FE2hkkqIhAQ&4_@m5@+%k^6e==O6H_Eq{P!_1D1HFSn`Hn6*!MHPWMELz0P<Bb
za!V?vF>rAK`947Yf}H$h$HbKzmH;_QZ-4?pxrr4845my>3=GN+K)ym=Vs7e8FV5dU
zege>vwu1cP5}-qYK;;FHP+(wY{xtD`J)`m@MsG&t%|49F6%;|T48ofioR8<X`O3h}
z0_NXpX$AU%fdNEMPEj&v)R;U+X~AR{<sc!TC?gPS04?PKDPdrm9H=V1dB5^fMgR|s
BLyQ0b

diff --git a/font/icomoon.woff b/font/icomoon.woff
index 9dbd62e5a3389edfe5be04f3c2b8b79dae4a2f27..2710538a739c3bb3b806f3bfb3b8551aae47178a 100644
GIT binary patch
delta 443
zcmccOwZU7Y+~3WOfsp|SR5vhigXxsXj;g|w15{ZiYKzo6CFdp<FfcG?0Hs1eSUl{~
zn)JkCkk}p|p96{o(sL@)fMQ1&7!*!`FuU33nHi~xDGUrsJwP>PAS|;Z=~o6&5GV#z
z$Djhj?E9HtXXKVt0L5Ma`71zp9s^fYPJS{_ouBdqpg<T1?-JQEBR8=EXt6R#p#m72
zGcn~Q=B5J8;Q(6R2EsGFIDZ%97ncBi1kwvp#|&gKGk>1U!)VW_I@yQOn^AT1494XO
z^&0<QFyCOF!2ndi$;`ySc;lbOKMm#?Ad>M00}}&6o(-gelZlA|Bm+{%==5(NOeKi@
zZyy6A&>A4vc2&kcp5Nvx12+qpf9G7k2Z#Zo|L<o0%e)E5<zQf%oTsG8s5N<p(gF^k
mQVkHEY@r+^Cg3BG0#pGqPm76xfd@!4096AcX7hUGrHlYq!D~bS

delta 314
zcmdnseZ@<p+~3WOfsp|SR6`iJ!8FH25$$^W<lMvp1_s6qpil@1i-%oWm7Z7(659jh
zb3m~`dQN2;Q0xc;gF*!ee?54uCnGg6g@HlI2B^jige6q`_hkSDfnp^<z6uDl?`M9Q
zky`@Pqcj7^UjV|>7`V7{@{@t;{FE(#0zn|Wa>Ejz+{6l?#mYTEz5*DVGBM>P=B5J0
z)&MPU1L2uooWBe5i-8uXn!wdD16j<>pC<D#+A}Io_F?p9RNg#;ak+vbP@I85c=Lku
v@%%Pl8Ms-%{97%pt3V78J$ZwYIitqp7fK5zPf!j5d6yB0H8#IfKEwzBB;ZDQ

diff --git a/js/animations/timeline.js b/js/animations/timeline.js
index c88e370d..6b360162 100644
--- a/js/animations/timeline.js
+++ b/js/animations/timeline.js
@@ -1008,7 +1008,7 @@ onVueSetup(function() {
 										@contextmenu.prevent="keyframe.showContextMenu($event)"
 									>
 										<i class="material-icons keyframe_icon_smaller" v-if="keyframe.interpolation == 'catmullrom'">lens</i>
-										<i class="material-icons" v-else>stop</i>
+										<i :class="keyframe.data_points.length == 1 ? 'icon-keyframe' : 'icon-keyframe_discontinuous'" v-else></i>
 										<svg class="keyframe_waveform" v-if="keyframe.channel == 'sound' && keyframe.data_points[0].file && waveforms[keyframe.data_points[0].file]" :style="{width: waveforms[keyframe.data_points[0].file].duration * size}">
 											<polygon :points="getWaveformPoints(waveforms[keyframe.data_points[0].file].samples, size)"></polygon>
 										</svg>