From 425a4185995330a17bb4b045f67058cc3220c7ce Mon Sep 17 00:00:00 2001
From: Enrico Giordani <enrico.giordani@gmail.com>
Date: Tue, 22 Oct 2019 09:34:31 +0200
Subject: [PATCH] FZ Editor support for small screens

---
 .../editor/FancyZonesEditor/MainWindow.xaml    | 15 ++++++++-------
 .../editor/FancyZonesEditor/MainWindow.xaml.cs | 18 ++++++++++++++++++
 2 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/src/modules/fancyzones/editor/FancyZonesEditor/MainWindow.xaml b/src/modules/fancyzones/editor/FancyZonesEditor/MainWindow.xaml
index 74f20a6e42..f877d3c20c 100644
--- a/src/modules/fancyzones/editor/FancyZonesEditor/MainWindow.xaml
+++ b/src/modules/fancyzones/editor/FancyZonesEditor/MainWindow.xaml
@@ -1,4 +1,5 @@
 <Controls:MetroWindow x:Class="FancyZonesEditor.MainWindow"
+        x:Name="MainWindow1"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
@@ -6,10 +7,11 @@
         xmlns:Controls="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro"
         xmlns:local="clr-namespace:FancyZonesEditor"
         mc:Ignorable="d"
-        Title="" Width="810"
+        Title=""
+        Width="810"
         SizeToContent="Height"
         Background="White"
-        ResizeMode="NoResize"
+        ResizeMode="CanMinimize"
         WindowStartupLocation="CenterScreen"
         Loaded="OnLoaded"
         Closed="OnClosed">
@@ -174,8 +176,7 @@
     <StackPanel>
 
         <TextBlock Name="dialog_Title" Text="Choose your layout" Style="{StaticResource titleText}"  />
-
-
+        
         <TabControl BorderThickness="0" x:Name="TemplateTab">
             <TabItem Header="Templates" Template="{StaticResource myTabs}">
                 <StackPanel>
@@ -187,13 +188,13 @@
                     <ItemsControl ItemsSource="{Binding DefaultModels}" Margin="8,0,0,0">
                         <ItemsControl.ItemsPanel>
                             <ItemsPanelTemplate>
-                                <WrapPanel Orientation="Horizontal" ItemWidth="262" ItemHeight="262" />
+                                <WrapPanel Orientation="Horizontal" ItemWidth="{Binding ElementName=MainWindow1, Mode=OneWay, UpdateSourceTrigger=PropertyChanged, Path=WrapPanelItemSize}" ItemHeight="{Binding ElementName=WrapPanel1, Path=ItemWidth}" x:Name="WrapPanel1" />
                             </ItemsPanelTemplate>
                         </ItemsControl.ItemsPanel>
                         <ItemsControl.ItemTemplate>
                             <DataTemplate>
                                 <Border Margin="8" 
-                                        BorderBrush="{Binding Path=IsSelected, Converter={StaticResource BooleanToBrushConverter}}" 
+                                        BorderBrush="{Binding Path=IsSelected, Converter={StaticResource BooleanToBrushConverter}}"
                                         Style="{StaticResource templateBackground}" 
                                         MouseDown="LayoutItem_Click">
                                     <DockPanel Margin="0,20,0,0" 
@@ -234,7 +235,7 @@
                     <ItemsControl ItemsSource="{Binding CustomModels}" Margin="8,8,0,0">
                         <ItemsControl.ItemsPanel>
                             <ItemsPanelTemplate>
-                                <WrapPanel Orientation="Horizontal" ItemWidth="262" ItemHeight="262" />
+                                <WrapPanel Orientation="Horizontal" ItemWidth="{Binding ElementName=MainWindow1, Mode=OneWay, UpdateSourceTrigger=PropertyChanged, Path=WrapPanelItemSize}" ItemHeight="{Binding ElementName=WrapPanel2, Path=ItemWidth}" x:Name="WrapPanel2" />
                             </ItemsPanelTemplate>
                         </ItemsControl.ItemsPanel>
                         <ItemsControl.ItemTemplate>
diff --git a/src/modules/fancyzones/editor/FancyZonesEditor/MainWindow.xaml.cs b/src/modules/fancyzones/editor/FancyZonesEditor/MainWindow.xaml.cs
index ebd24a20db..e28573742a 100644
--- a/src/modules/fancyzones/editor/FancyZonesEditor/MainWindow.xaml.cs
+++ b/src/modules/fancyzones/editor/FancyZonesEditor/MainWindow.xaml.cs
@@ -27,6 +27,24 @@ namespace FancyZonesEditor
         {
             InitializeComponent();
             DataContext = _settings;
+            if (_settings.WorkArea.Height < 900)
+            {
+                this.SizeToContent = SizeToContent.WidthAndHeight;
+                this.WrapPanelItemSize = 180;
+            }
+        }
+
+        private int _WrapPanelItemSize = 262;
+        public int WrapPanelItemSize {
+            get
+            {
+                return _WrapPanelItemSize;
+            }
+
+            set
+            {
+                _WrapPanelItemSize = value;
+            }
         }
 
         private void DecrementZones_Click(object sender, RoutedEventArgs e)