JannisX11/blockbench
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add icon for discontinuous keyframes

Browse Source
This commit is contained in:
JannisX11 2021-05-22 13:02:56 +02:00
parent b8a4d776f7
commit d402ffa0df
5 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/panels.css
View File

@ -811,11 +811,11 @@
height: 23px; height: 23px;
} }
#timeline .keyframe i { #timeline .keyframe i {
margin-top: 2px; margin-top: 3px;
transform: rotate(45deg); font-size: 16px;
font-size: 14pt; margin-left: -1px;
margin-left: -3px;
pointer-events: none; pointer-events: none;
display: block;
} }
#timeline .keyframe i.keyframe_icon_smaller { #timeline .keyframe i.keyframe_icon_smaller {
font-size: 11pt; font-size: 11pt;

6
css/setup.css
View File

@ -150,6 +150,12 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-keyframe:before {
content: "\e924";
}
.icon-keyframe_discontinuous:before {
content: "\e925";
}
.icon-gizmo:before { .icon-gizmo:before {
content: "\e922"; content: "\e922";
} }

BIN
font/icomoon.ttf
View File

Binary file not shown.

BIN
font/icomoon.woff
View File

Binary file not shown.

2
js/animations/timeline.js
View File

@ -1008,7 +1008,7 @@ onVueSetup(function() {
@contextmenu.prevent="keyframe.showContextMenu($event)" @contextmenu.prevent="keyframe.showContextMenu($event)"
> >
<i class="material-icons keyframe_icon_smaller" v-if="keyframe.interpolation == 'catmullrom'">lens</i> <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}"> <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> <polygon :points="getWaveformPoints(waveforms[keyframe.data_points[0].file].samples, size)"></polygon>
</svg> </svg>