Visual change for the annotations to be as close as possible to the cursor's timeline.
<UserControl x:Class="FingersDance.Views.TimelineView"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:vw="clr-namespace:FingersDance.Views"
xmlns:Custom="http://schemas.microsoft.com/surface/2008"
Width="1700" Height="40">
<UserControl.Resources>
<DataTemplate x:Key="slbDataTemplate">
<vw:TimelineAnnotationView/>
</DataTemplate>
<ItemsPanelTemplate x:Key="slbItemsPanelTemplate">
<!--
<Grid></Grid>
<Canvas></Canvas>
-->
<StackPanel Orientation="Horizontal" VerticalAlignment="Top" Margin="0,-5,0,0" />
</ItemsPanelTemplate>
</UserControl.Resources>
<Grid>
<Custom:SurfaceListBox Height="40" Background="{x:Null}" x:Name="listview" x:FieldModifier="public" ScrollViewer.HorizontalScrollBarVisibility="Hidden"
ItemsSource="{Binding Path=AnnotList}" ItemTemplate="{StaticResource slbDataTemplate}" ItemsPanel="{StaticResource slbItemsPanelTemplate}"
>
</Custom:SurfaceListBox>
<!--ListView DataContext="{Binding Path=AnnotList}"
ItemsSource="{Binding}" Background="{x:Null}" BorderThickness="0" x:Name="listview" ScrollViewer.HorizontalScrollBarVisibility="Hidden">
<ListView.ItemTemplate>
<DataTemplate>
<vw:TimelineAnnotationView/>
</DataTemplate>
</ListView.ItemTemplate>
<ListView.ItemsPanel>
<ItemsPanelTemplate>
<StackPanel Orientation="Horizontal"/>
</ItemsPanelTemplate>
</ListView.ItemsPanel>
</ListView>
<TextBlock Text="{Binding Path=Title}" Height="27" VerticalAlignment="Top" Margin="0,0,0,0" /-->
</Grid>
</UserControl>