Add dynamic width

Author: martinchrzan

ColorPicker/Behaviors/AppearAnimationBehavior.cs

@@ -36,18 +36,13 @@ private void Appear()
             var opacityAppear = new DoubleAnimation(0, 1.0, new Duration(TimeSpan.FromMilliseconds(250)));
             opacityAppear.EasingFunction = new QuadraticEase() { EasingMode = EasingMode.EaseOut };
 
-            var resize = new DoubleAnimation(0, 180, new Duration(TimeSpan.FromMilliseconds(250)));
-            resize.EasingFunction = new ExponentialEase() { EasingMode = EasingMode.EaseOut };
             AssociatedObject.BeginAnimation(Window.OpacityProperty, opacityAppear);
-            AssociatedObject.BeginAnimation(Window.WidthProperty, resize);
         }
 
         private void Hide()
         {
             var opacityAppear = new DoubleAnimation(0, new Duration(TimeSpan.FromMilliseconds(1)));
-            var resize = new DoubleAnimation(0, new Duration(TimeSpan.FromMilliseconds(1)));
             AssociatedObject.BeginAnimation(Window.OpacityProperty, opacityAppear);
-            AssociatedObject.BeginAnimation(Window.WidthProperty, resize);
         }
     }
 }

ColorPicker/MainWindow.xaml

@@ -7,7 +7,7 @@
         xmlns:e="http://schemas.microsoft.com/expression/2010/interactivity"
         xmlns:behaviors="clr-namespace:ColorPicker.Behaviors"
         mc:Ignorable="d"
-        Title="Color Picker" Height="35" Width="180" WindowStyle="None" Opacity="0.01" ShowInTaskbar="False" ResizeMode="NoResize" Topmost="True" Background="Transparent" AllowsTransparency="True">
+        Title="Color Picker" Height="35" SizeToContent="Width" WindowStyle="None" Opacity="0.01" ShowInTaskbar="False" ResizeMode="NoResize" Topmost="True" Background="Transparent" AllowsTransparency="True">
     <e:Interaction.Behaviors>
         <behaviors:ChangeWindowPositionBehavior/>
         <behaviors:NotifyIconBehavior/>

ColorPicker/Views/MainView.xaml

@@ -16,7 +16,7 @@
 
             <Border Grid.RowSpan="2" Grid.ColumnSpan="2" Grid.Column="1" Background="#202020" BorderThickness="1" BorderBrush="Black" />
             <Border Background="{Binding DisplayedColorBrush}" BorderBrush="Black" Grid.Column="1" BorderThickness="1" Grid.RowSpan="2" x:Name="ColorBorder"/>
-            <TextBlock Margin="7,5,5,5" VerticalAlignment="Center" Foreground="White" Grid.Row="0" Grid.Column="2" Text="{Binding ColorString}"/>
+            <TextBlock Margin="7,5,7,5" VerticalAlignment="Center" Foreground="White" Grid.Row="0" Grid.Column="2" Text="{Binding ColorString}"/>
 
             <Border BorderBrush="#505050" Grid.Column="2" Margin="0,1,1,1" Grid.RowSpan="2" BorderThickness="3,0,3,0" />
         </Grid>