Artemis/src/Artemis.UI/Screens/ProfileEditor/LayerProperties/Timeline/TimelineView.xaml

<UserControl x:Class="Artemis.UI.Screens.ProfileEditor.LayerProperties.Timeline.TimelineView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:local="clr-namespace:Artemis.UI.Screens.ProfileEditor.LayerProperties.Timeline"
             xmlns:s="https://github.com/canton7/Stylet"
             mc:Ignorable="d"
             d:DesignHeight="25"
             d:DesignWidth="800"
             d:DataContext="{d:DesignInstance local:TimelineViewModel}">
    <Grid x:Name="TimelineContainerGrid"
          Background="{DynamicResource MaterialDesignToolBarBackground}"
          MouseDown="{s:Action TimelineCanvasMouseDown}"
          MouseUp="{s:Action TimelineCanvasMouseUp}"
          MouseMove="{s:Action TimelineCanvasMouseMove}"
          Margin="0 0 -1 0">
        <Grid.Triggers>
            <EventTrigger RoutedEvent="UIElement.MouseLeftButtonDown">
                <BeginStoryboard>
                    <Storyboard Storyboard.TargetName="MultiSelectionPath" Storyboard.TargetProperty="Opacity">
                        <DoubleAnimation From="0" To="1" Duration="0:0:0.1" />
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
            <EventTrigger RoutedEvent="UIElement.MouseLeftButtonUp">
                <BeginStoryboard>
                    <Storyboard Storyboard.TargetName="MultiSelectionPath" Storyboard.TargetProperty="Opacity">
                        <DoubleAnimation From="1" To="0" Duration="0:0:0.2" />
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Grid.Triggers>

        <ItemsControl ItemsSource="{Binding LayerPropertyGroups}"
                      MinWidth="{Binding TotalTimelineWidth}"
                      HorizontalAlignment="Left">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <ContentControl s:View.Model="{Binding TimelinePropertyGroupViewModel}" HorizontalContentAlignment="Left" />
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>

        <Line Stroke="{StaticResource PrimaryHueDarkBrush}"
              Opacity="0.5"
              StrokeDashArray="4 2"
              X1="{Binding StartSegmentEndPosition}"
              X2="{Binding StartSegmentEndPosition}"
              Y1="0"
              Y2="{Binding ActualHeight, ElementName=TimelineContainerGrid}"
              HorizontalAlignment="Left" 
              Visibility="{Binding StartSegmentEnabled, Converter={x:Static s:BoolToVisibilityConverter.Instance}}"/>
        <Line Stroke="{StaticResource PrimaryHueDarkBrush}"
              Opacity="0.5"
              StrokeDashArray="4 2"
              X1="{Binding MainSegmentEndPosition}"
              X2="{Binding MainSegmentEndPosition}"
              Y1="0"
              Y2="{Binding ActualHeight, ElementName=TimelineContainerGrid}" />
        <Line Stroke="{StaticResource PrimaryHueDarkBrush}"
              Opacity="0.5"
              StrokeDashArray="4 2"
              X1="{Binding EndSegmentEndPosition}"
              X2="{Binding EndSegmentEndPosition}"
              Y1="0"
              Y2="{Binding ActualHeight, ElementName=TimelineContainerGrid}"
              Visibility="{Binding EndSegmentEnabled, Converter={x:Static s:BoolToVisibilityConverter.Instance}}"/>

        <!-- Multi-selection rectangle -->
        <Path x:Name="MultiSelectionPath"
              Data="{Binding SelectionRectangle}"
              Opacity="0"
              Stroke="{DynamicResource PrimaryHueLightBrush}"
              StrokeThickness="1"
              IsHitTestVisible="False">
            <Path.Fill>
                <SolidColorBrush Color="{DynamicResource Primary400}" Opacity="0.25" />
            </Path.Fill>
        </Path>
    </Grid>
</UserControl>