From ef6e5a6a4159c860098e344503bb019e040d8078 Mon Sep 17 00:00:00 2001
From: Justin Swanson <justin.c.swanson@gmail.com>
Date: Sat, 2 Nov 2019 01:57:34 -0500
Subject: [PATCH] Shadow intensity only activates when over the text area

---
 Wabbajack/Views/InstallationView.xaml | 493 +++++++++++++-------------
 1 file changed, 251 insertions(+), 242 deletions(-)

diff --git a/Wabbajack/Views/InstallationView.xaml b/Wabbajack/Views/InstallationView.xaml
index 8b9f1e8b..2e759189 100644
--- a/Wabbajack/Views/InstallationView.xaml
+++ b/Wabbajack/Views/InstallationView.xaml
@@ -19,7 +19,7 @@
             <Setter Property="Foreground" Value="Transparent" />
             <Setter Property="Visibility" Value="Visible" />
             <Style.Triggers>
-                <DataTrigger Binding="{Binding IsMouseOver, ElementName=Slideshow}" Value="True">
+                <DataTrigger Binding="{Binding IsMouseOver, ElementName=TextHoverTrigger}" Value="True">
                     <DataTrigger.EnterActions>
                         <BeginStoryboard>
                             <Storyboard>
@@ -75,11 +75,21 @@
                     <ColumnDefinition Width="5*" />
                     <ColumnDefinition Width="3*" />
                 </Grid.ColumnDefinitions>
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="Auto" />
+                    <RowDefinition Height="*" />
+                    <RowDefinition Height="Auto" />
+                    <RowDefinition Height="Auto" />
+                </Grid.RowDefinitions>
                 <Rectangle
+                    Grid.Row="0"
+                    Grid.RowSpan="4"
                     Grid.Column="0"
                     Grid.ColumnSpan="2"
                     Fill="{StaticResource WindowBackgroundBrush}" />
                 <Viewbox
+                    Grid.Row="0"
+                    Grid.RowSpan="4"
                     Grid.Column="0"
                     Grid.ColumnSpan="2"
                     HorizontalAlignment="Center"
@@ -88,6 +98,8 @@
                     <Image Source="{Binding Image}" />
                 </Viewbox>
                 <Image
+                    Grid.Row="0"
+                    Grid.RowSpan="4"
                     Grid.Column="0"
                     Grid.ColumnSpan="2"
                     Width="60"
@@ -95,256 +107,253 @@
                     HorizontalAlignment="Left"
                     VerticalAlignment="Top"
                     Source="{Binding ModlistImage}" />
-                <Grid Grid.Column="0">
-                    <Grid.RowDefinitions>
-                        <RowDefinition Height="*" />
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="Auto" />
-                    </Grid.RowDefinitions>
-                    <TextBlock
-                        x:Name="TitleTextShadow"
-                        Grid.Row="1"
-                        Grid.Column="0"
-                        Margin="-20,15,40,-10"
-                        Padding="40,10"
-                        HorizontalAlignment="Left"
-                        VerticalAlignment="Bottom"
-                        FontFamily="Lucida Sans"
-                        FontSize="65"
-                        FontWeight="Bold"
-                        Style="{StaticResource BackgroundBlurStyle}"
-                        Text="{Binding TitleText}"
-                        TextWrapping="WrapWithOverflow">
-                        <TextBlock.Effect>
-                            <BlurEffect Radius="85" />
-                        </TextBlock.Effect>
-                    </TextBlock>
-                    <TextBlock
-                        x:Name="ArtistTextShadow"
-                        Grid.Row="2"
-                        Grid.Column="0"
-                        Margin="35,-10,-10,10"
-                        Padding="30,10"
-                        HorizontalAlignment="Left"
-                        FontFamily="Lucida Sans"
-                        FontSize="30"
-                        FontWeight="Bold"
-                        Style="{StaticResource BackgroundBlurStyle}"
-                        TextWrapping="WrapWithOverflow">
-                        <TextBlock.Effect>
-                            <BlurEffect Radius="55" />
-                        </TextBlock.Effect>
-                        <Run FontSize="15" Text="by" />
-                        <Run Text="{Binding AuthorText, Mode=OneWay}" />
-                    </TextBlock>
-                    <TextBlock
-                        Grid.Row="1"
-                        Grid.Column="0"
-                        Margin="20,25,20,0"
-                        HorizontalAlignment="Left"
-                        VerticalAlignment="Bottom"
-                        FontFamily="Lucida Sans"
-                        FontSize="65"
-                        FontWeight="Bold"
-                        Text="{Binding TitleText}"
-                        TextWrapping="WrapWithOverflow">
-                        <TextBlock.Effect>
-                            <DropShadowEffect />
-                        </TextBlock.Effect>
-                    </TextBlock>
-                    <TextBlock
-                        Grid.Row="2"
-                        Grid.Column="0"
-                        Margin="55,0,20,20"
-                        FontFamily="Lucida Sans"
-                        FontSize="30"
-                        FontWeight="Bold"
-                        TextWrapping="Wrap">
-                        <TextBlock.Effect>
-                            <DropShadowEffect />
-                        </TextBlock.Effect>
-                        <Run FontSize="15" Text="by" />
-                        <Run Text="{Binding AuthorText, Mode=OneWay}" />
-                    </TextBlock>
-                </Grid>
-                <Grid Grid.Column="1">
-                    <Grid.RowDefinitions>
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="*" />
-                        <RowDefinition Height="Auto" />
-                    </Grid.RowDefinitions>
-                    <Grid
-                        Grid.Column="0"
-                        Margin="0,20,25,0"
-                        HorizontalAlignment="Right">
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="Auto" />
-                            <ColumnDefinition Width="Auto" />
-                            <ColumnDefinition Width="Auto" />
-                            <ColumnDefinition Width="Auto" />
-                        </Grid.ColumnDefinitions>
-                        <Grid.Effect>
-                            <DropShadowEffect
-                                BlurRadius="25"
-                                Opacity="1"
-                                Color="Black" />
-                        </Grid.Effect>
-                        <Grid.Style>
-                            <Style TargetType="Grid">
-                                <Setter Property="Opacity" Value="0" />
+                <TextBlock
+                    x:Name="TitleTextShadow"
+                    Grid.Row="2"
+                    Grid.Column="0"
+                    Margin="-20,15,40,-10"
+                    Padding="40,10"
+                    HorizontalAlignment="Left"
+                    VerticalAlignment="Bottom"
+                    FontFamily="Lucida Sans"
+                    FontSize="65"
+                    FontWeight="Bold"
+                    Style="{StaticResource BackgroundBlurStyle}"
+                    Text="{Binding TitleText}"
+                    TextWrapping="WrapWithOverflow">
+                    <TextBlock.Effect>
+                        <BlurEffect Radius="85" />
+                    </TextBlock.Effect>
+                </TextBlock>
+                <TextBlock
+                    x:Name="ArtistTextShadow"
+                    Grid.Row="3"
+                    Grid.Column="0"
+                    Margin="35,-10,-10,10"
+                    Padding="30,10"
+                    HorizontalAlignment="Left"
+                    FontFamily="Lucida Sans"
+                    FontSize="30"
+                    FontWeight="Bold"
+                    Style="{StaticResource BackgroundBlurStyle}"
+                    TextWrapping="WrapWithOverflow">
+                    <TextBlock.Effect>
+                        <BlurEffect Radius="55" />
+                    </TextBlock.Effect>
+                    <Run FontSize="15" Text="by" />
+                    <Run Text="{Binding AuthorText, Mode=OneWay}" />
+                </TextBlock>
+                <TextBlock
+                    Grid.Row="2"
+                    Grid.Column="0"
+                    Margin="20,25,20,0"
+                    HorizontalAlignment="Left"
+                    VerticalAlignment="Bottom"
+                    FontFamily="Lucida Sans"
+                    FontSize="65"
+                    FontWeight="Bold"
+                    Text="{Binding TitleText}"
+                    TextWrapping="WrapWithOverflow">
+                    <TextBlock.Effect>
+                        <DropShadowEffect />
+                    </TextBlock.Effect>
+                </TextBlock>
+                <TextBlock
+                    Grid.Row="3"
+                    Grid.Column="0"
+                    Margin="55,0,20,20"
+                    FontFamily="Lucida Sans"
+                    FontSize="30"
+                    FontWeight="Bold"
+                    TextWrapping="Wrap">
+                    <TextBlock.Effect>
+                        <DropShadowEffect />
+                    </TextBlock.Effect>
+                    <Run FontSize="15" Text="by" />
+                    <Run Text="{Binding AuthorText, Mode=OneWay}" />
+                </TextBlock>
+                <Grid
+                    Grid.Row="0"
+                    Grid.Column="1"
+                    Margin="0,20,25,0"
+                    HorizontalAlignment="Right">
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="Auto" />
+                        <ColumnDefinition Width="Auto" />
+                        <ColumnDefinition Width="Auto" />
+                        <ColumnDefinition Width="Auto" />
+                    </Grid.ColumnDefinitions>
+                    <Grid.Effect>
+                        <DropShadowEffect
+                            BlurRadius="25"
+                            Opacity="1"
+                            Color="Black" />
+                    </Grid.Effect>
+                    <Grid.Style>
+                        <Style TargetType="Grid">
+                            <Setter Property="Opacity" Value="0" />
+                            <Style.Triggers>
+                                <MultiDataTrigger>
+                                    <MultiDataTrigger.Conditions>
+                                        <Condition Binding="{Binding IsMouseOver, ElementName=Slideshow}" Value="True" />
+                                        <Condition Binding="{Binding Installing}" Value="True" />
+                                    </MultiDataTrigger.Conditions>
+                                    <MultiDataTrigger.EnterActions>
+                                        <BeginStoryboard>
+                                            <Storyboard>
+                                                <DoubleAnimation
+                                                    Storyboard.TargetProperty="Opacity"
+                                                    To="1"
+                                                    Duration="0:0:0.12" />
+                                            </Storyboard>
+                                        </BeginStoryboard>
+                                    </MultiDataTrigger.EnterActions>
+                                    <MultiDataTrigger.ExitActions>
+                                        <BeginStoryboard>
+                                            <Storyboard>
+                                                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity">
+                                                    <LinearDoubleKeyFrame KeyTime="0:0:0.3" Value="1" />
+                                                    <LinearDoubleKeyFrame KeyTime="0:0:0.42" Value="0" />
+                                                </DoubleAnimationUsingKeyFrames>
+                                            </Storyboard>
+                                        </BeginStoryboard>
+                                    </MultiDataTrigger.ExitActions>
+                                </MultiDataTrigger>
+                            </Style.Triggers>
+                        </Style>
+                    </Grid.Style>
+                    <Button
+                        Grid.Column="3"
+                        Width="60"
+                        Height="60"
+                        Margin="6"
+                        Background="{StaticResource BackgroundBrush}"
+                        Command="{Binding Slideshow.SlideShowNextItemCommand}"
+                        Style="{StaticResource CircleButtonStyle}"
+                        ToolTip="Skip to the next mod">
+                        <icon:PackIconFontAwesome
+                            Width="28"
+                            Height="28"
+                            Kind="ChevronRightSolid" />
+                    </Button>
+                    <ToggleButton
+                        x:Name="PlayPauseButton"
+                        Grid.Column="2"
+                        Margin="6"
+                        Background="{StaticResource BackgroundBrush}"
+                        IsChecked="{Binding Slideshow.Enable}">
+                        <ToggleButton.Style>
+                            <Style BasedOn="{StaticResource SlideshowButton}" TargetType="ToggleButton">
+                                <Setter Property="ToolTip" Value="Play slideshow" />
                                 <Style.Triggers>
-                                    <MultiDataTrigger>
-                                        <MultiDataTrigger.Conditions>
-                                            <Condition Binding="{Binding IsMouseOver, ElementName=Slideshow}" Value="True" />
-                                            <Condition Binding="{Binding Installing}" Value="True" />
-                                        </MultiDataTrigger.Conditions>
-                                        <MultiDataTrigger.EnterActions>
-                                            <BeginStoryboard>
-                                                <Storyboard>
-                                                    <DoubleAnimation
-                                                        Storyboard.TargetProperty="Opacity"
-                                                        To="1"
-                                                        Duration="0:0:0.12" />
-                                                </Storyboard>
-                                            </BeginStoryboard>
-                                        </MultiDataTrigger.EnterActions>
-                                        <MultiDataTrigger.ExitActions>
-                                            <BeginStoryboard>
-                                                <Storyboard>
-                                                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity">
-                                                        <LinearDoubleKeyFrame KeyTime="0:0:0.3" Value="1" />
-                                                        <LinearDoubleKeyFrame KeyTime="0:0:0.42" Value="0" />
-                                                    </DoubleAnimationUsingKeyFrames>
-                                                </Storyboard>
-                                            </BeginStoryboard>
-                                        </MultiDataTrigger.ExitActions>
-                                    </MultiDataTrigger>
+                                    <DataTrigger Binding="{Binding Slideshow.Enable}" Value="True">
+                                        <Setter Property="ToolTip" Value="Pause slideshow" />
+                                    </DataTrigger>
                                 </Style.Triggers>
                             </Style>
-                        </Grid.Style>
-                        <Button
-                            Grid.Column="3"
-                            Width="60"
-                            Height="60"
-                            Margin="6"
-                            Background="{StaticResource BackgroundBrush}"
-                            Command="{Binding Slideshow.SlideShowNextItemCommand}"
-                            Style="{StaticResource CircleButtonStyle}"
-                            ToolTip="Skip to the next mod">
-                            <icon:PackIconFontAwesome
-                                Width="28"
-                                Height="28"
-                                Kind="ChevronRightSolid" />
-                        </Button>
-                        <ToggleButton
-                            x:Name="PlayPauseButton"
-                            Grid.Column="2"
-                            Margin="6"
-                            Background="{StaticResource BackgroundBrush}"
-                            IsChecked="{Binding Slideshow.Enable}">
-                            <ToggleButton.Style>
-                                <Style BasedOn="{StaticResource SlideshowButton}" TargetType="ToggleButton">
-                                    <Setter Property="ToolTip" Value="Play slideshow" />
+                        </ToggleButton.Style>
+                        <icon:PackIconMaterial>
+                            <icon:PackIconMaterial.Style>
+                                <Style TargetType="icon:PackIconMaterial">
+                                    <Setter Property="Kind" Value="Pause" />
                                     <Style.Triggers>
                                         <DataTrigger Binding="{Binding Slideshow.Enable}" Value="True">
-                                            <Setter Property="ToolTip" Value="Pause slideshow" />
+                                            <Setter Property="Kind" Value="Play" />
                                         </DataTrigger>
                                     </Style.Triggers>
                                 </Style>
-                            </ToggleButton.Style>
-                            <icon:PackIconMaterial>
-                                <icon:PackIconMaterial.Style>
-                                    <Style TargetType="icon:PackIconMaterial">
-                                        <Setter Property="Kind" Value="Pause" />
-                                        <Style.Triggers>
-                                            <DataTrigger Binding="{Binding Slideshow.Enable}" Value="True">
-                                                <Setter Property="Kind" Value="Play" />
-                                            </DataTrigger>
-                                        </Style.Triggers>
-                                    </Style>
-                                </icon:PackIconMaterial.Style>
-                            </icon:PackIconMaterial>
-                        </ToggleButton>
-                        <Button
-                            Grid.Column="1"
-                            Margin="6"
-                            Background="{StaticResource BackgroundBrush}"
-                            Command="{Binding Slideshow.VisitNexusSiteCommand}"
-                            Style="{StaticResource SlideshowButton}"
-                            ToolTip="Open Nexus Website">
-                            <icon:PackIconMaterial
-                                Width="28"
-                                Height="28"
-                                Kind="Web" />
-                        </Button>
-                        <ToggleButton
-                            Grid.Column="0"
-                            Background="{StaticResource BackgroundBrush}"
-                            IsChecked="{Binding Slideshow.ShowNSFW}"
-                            ToolTip="Show NSFW mods">
-                            <ToggleButton.Style>
-                                <Style BasedOn="{StaticResource SlideshowButton}" TargetType="ToggleButton">
-                                    <Setter Property="ToolTip" Value="Show NSFW mods" />
-                                    <Style.Triggers>
-                                        <DataTrigger Binding="{Binding Slideshow.ShowNSFW}" Value="True">
-                                            <Setter Property="ToolTip" Value="Hide NSFW mods" />
-                                        </DataTrigger>
-                                    </Style.Triggers>
-                                </Style>
-                            </ToggleButton.Style>
-                            <Grid>
-                                <TextBlock
-                                    Margin="4"
-                                    HorizontalAlignment="Center"
-                                    VerticalAlignment="Center"
-                                    FontFamily="Lucida Sans"
-                                    FontSize="9"
-                                    FontWeight="Bold"
-                                    Text="NSFW" />
-                                <icon:PackIconOcticons
-                                    Width="40"
-                                    Height="40"
-                                    HorizontalAlignment="Center"
-                                    VerticalAlignment="Center"
-                                    Foreground="#88FFFFFF"
-                                    Kind="CircleSlash"
-                                    Visibility="{Binding Slideshow.ShowNSFW, Converter={StaticResource bool2VisibilityConverter}, ConverterParameter=False}" />
-                            </Grid>
-                        </ToggleButton>
-                    </Grid>
-                    <TextBlock
-                        x:Name="DescriptionTextShadow"
-                        Grid.Row="3"
-                        Margin="-10,15,-5,15"
-                        Padding="30,10"
-                        HorizontalAlignment="Right"
-                        VerticalAlignment="Bottom"
-                        FontFamily="Lucida Sans"
-                        FontSize="16"
-                        Style="{StaticResource BackgroundBlurStyle}"
-                        Text="{Binding Description}"
-                        TextAlignment="Right"
-                        TextWrapping="Wrap">
-                        <TextBlock.Effect>
-                            <BlurEffect Radius="55" />
-                        </TextBlock.Effect>
-                    </TextBlock>
-                    <TextBlock
-                        Grid.Row="3"
-                        Margin="20,25,25,25"
-                        HorizontalAlignment="Right"
-                        VerticalAlignment="Bottom"
-                        FontFamily="Lucida Sans"
-                        FontSize="16"
-                        Text="{Binding Description}"
-                        TextAlignment="Right"
-                        TextWrapping="Wrap">
-                        <TextBlock.Effect>
-                            <DropShadowEffect />
-                        </TextBlock.Effect>
-                    </TextBlock>
+                            </icon:PackIconMaterial.Style>
+                        </icon:PackIconMaterial>
+                    </ToggleButton>
+                    <Button
+                        Grid.Column="1"
+                        Margin="6"
+                        Background="{StaticResource BackgroundBrush}"
+                        Command="{Binding Slideshow.VisitNexusSiteCommand}"
+                        Style="{StaticResource SlideshowButton}"
+                        ToolTip="Open Nexus Website">
+                        <icon:PackIconMaterial
+                            Width="28"
+                            Height="28"
+                            Kind="Web" />
+                    </Button>
+                    <ToggleButton
+                        Grid.Column="0"
+                        Background="{StaticResource BackgroundBrush}"
+                        IsChecked="{Binding Slideshow.ShowNSFW}"
+                        ToolTip="Show NSFW mods">
+                        <ToggleButton.Style>
+                            <Style BasedOn="{StaticResource SlideshowButton}" TargetType="ToggleButton">
+                                <Setter Property="ToolTip" Value="Show NSFW mods" />
+                                <Style.Triggers>
+                                    <DataTrigger Binding="{Binding Slideshow.ShowNSFW}" Value="True">
+                                        <Setter Property="ToolTip" Value="Hide NSFW mods" />
+                                    </DataTrigger>
+                                </Style.Triggers>
+                            </Style>
+                        </ToggleButton.Style>
+                        <Grid>
+                            <TextBlock
+                                Margin="4"
+                                HorizontalAlignment="Center"
+                                VerticalAlignment="Center"
+                                FontFamily="Lucida Sans"
+                                FontSize="9"
+                                FontWeight="Bold"
+                                Text="NSFW" />
+                            <icon:PackIconOcticons
+                                Width="40"
+                                Height="40"
+                                HorizontalAlignment="Center"
+                                VerticalAlignment="Center"
+                                Foreground="#88FFFFFF"
+                                Kind="CircleSlash"
+                                Visibility="{Binding Slideshow.ShowNSFW, Converter={StaticResource bool2VisibilityConverter}, ConverterParameter=False}" />
+                        </Grid>
+                    </ToggleButton>
                 </Grid>
+                <TextBlock
+                    x:Name="DescriptionTextShadow"
+                    Grid.Row="2"
+                    Grid.RowSpan="2"
+                    Grid.Column="1"
+                    Margin="-10,15,-5,15"
+                    Padding="30,10"
+                    HorizontalAlignment="Right"
+                    VerticalAlignment="Bottom"
+                    FontFamily="Lucida Sans"
+                    FontSize="16"
+                    Style="{StaticResource BackgroundBlurStyle}"
+                    Text="{Binding Description}"
+                    TextAlignment="Right"
+                    TextWrapping="Wrap">
+                    <TextBlock.Effect>
+                        <BlurEffect Radius="55" />
+                    </TextBlock.Effect>
+                </TextBlock>
+                <TextBlock
+                    Grid.Row="2"
+                    Grid.RowSpan="2"
+                    Grid.Column="1"
+                    Margin="20,25,25,25"
+                    HorizontalAlignment="Right"
+                    VerticalAlignment="Bottom"
+                    FontFamily="Lucida Sans"
+                    FontSize="16"
+                    Text="{Binding Description}"
+                    TextAlignment="Right"
+                    TextWrapping="Wrap">
+                    <TextBlock.Effect>
+                        <DropShadowEffect />
+                    </TextBlock.Effect>
+                </TextBlock>
+                <Rectangle
+                    x:Name="TextHoverTrigger"
+                    Grid.Row="2"
+                    Grid.RowSpan="2"
+                    Grid.Column="0"
+                    Grid.ColumnSpan="2"
+                    Fill="Transparent" />
             </Grid>
         </Border>
         <!--  Top progress bar  -->