<Grid Margin="30 10">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="auto"/>
<ColumnDefinition Width="auto"/>
<ColumnDefinition Width="auto"/>
</Grid.ColumnDefinitions>
<fa:IconImage Icon="{Binding Path=Icon, ElementName=item}" Width="20" Height="20" VerticalAlignment="Top" Foreground="#f1f1f1" Margin="0 3 0 0"/>
<StackPanel Grid.Column="1" Margin="10 0">
<TextBlock FontSize="16" Foreground="{Binding Path=Color, ElementName=item}" Text="{Binding Path=Title, ElementName=item}"/>
<StackPanel Orientation="Horizontal" Margin="0 5 0 0">
<fa:IconImage Grid.Column="2" Icon="{Binding Path=IconBell1, ElementName=item}" Width="12" Height="12" Foreground="{Binding Path=Color, ElementName=item}"/>
<TextBlock FontFamily="12" Foreground="{Binding Path=Color, ElementName=item}" Text="{Binding Path=Time, ElementName=item}" Margin="8 0 0 0"/>
</StackPanel>
</StackPanel>
<ToggleButton x:Name="buttonMenu" Grid.Column="2">
<ToggleButton.Template>
<ControlTemplate TargetType="ToggleButton">
<fa:IconImage Icon="EllipsisV" Width="16" Height="16" Foreground="#f1f1f1">
<fa:IconImage.Style>
<Style TargetType="fa:IconImage">
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="RenderTransform">
<Setter.Value>
<ScaleTransform ScaleX="1.2" ScaleY="1.2"/>
</Setter.Value>
</Setter>
</Trigger>
</Style.Triggers>
</Style>
</fa:IconImage.Style>
</fa:IconImage>
</ControlTemplate>
</ToggleButton.Template>
</ToggleButton>
<Popup IsOpen="{Binding IsChecked, ElementName=buttonMenu}" AllowsTransparency="True" StaysOpen="False" PlacementTarget="{Binding ElementName=buttonMenu}" Placement="Left"
VerticalOffset="30" HorizontalOffset="15">
<Border Background="White" CornerRadius="5" Padding="0 4">
<StackPanel>
<local:MenuButton Icon="Check" Caption="Check"/>
<local:MenuButton Icon="BellSlash" Caption="Mute"/>
<local:MenuButton Icon="Pencil" Caption="Edit"/>
<local:MenuButton Icon="Trash" Caption="Delete"/>
</StackPanel>
</Border>
</Popup>
</Grid>
