[gnome-usage] storage-view: Replace the GtkPaned by a HdyLeaflet

[Adrien Plazas <aplazas src gnome org>]

commit 56ac3ecd24196c7576bb7a65feeeb11f043b2ed8
Author: Adrien Plazas <kekun plazas laposte net>
Date:   Thu Sep 19 20:06:27 2019 +0200

    storage-view: Replace the GtkPaned by a HdyLeaflet
    
    This makes the graph hide itself if the window is too narrow, helping
    the window to fit phone screens.

 data/ui/storage-view.ui | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)
---
diff --git a/data/ui/storage-view.ui b/data/ui/storage-view.ui
index 8ebc2b0..04a4e8b 100644
--- a/data/ui/storage-view.ui
+++ b/data/ui/storage-view.ui
@@ -18,14 +18,19 @@
           </object>
         </child>
         <child>
-          <object class="GtkPaned">
+          <object class="HdyLeaflet" id="leaflet">
             <property name="visible">True</property>
             <property name="orientation">horizontal</property>
-            <property name="position">360</property>
+            <property name="can-swipe-back">True</property>
+            <property name="can-swipe-forward">True</property>
+            <property name="transition-type">over</property>
             <child>
               <object class="GtkBox">
                 <property name="visible">True</property>
+                <property name="hexpand">False</property>
+                <property name="hexpand-set">True</property>
                 <property name="orientation">vertical</property>
+                <property name="width-request">360</property>
                 <style>
                   <class name="view" />
                 </style>
@@ -69,10 +74,23 @@
                 </child>
               </object>
             </child>
+            <child>
+              <object class="GtkSeparator">
+                <property name="visible">True</property>
+                <style>
+                  <class name="sidebar" />
+                </style>
+              </object>
+              <packing>
+                <property name="allow-visible">False</property>
+              </packing>
+            </child>
             <child>
               <object class="GtkBox">
                 <property name="visible">True</property>
+                <property name="hexpand">True</property>
                 <property name="vexpand">True</property>
+                <property name="width-request">360</property>
                 <child>
                   <object class="UsageStorageGraph" id="graph">
                     <property name="visible">True</property>