file chooser: Use a revealer

Use a revealer to manage the visibility of the header area where
we show the pathbar, the location entry or search. This is a bit
smoother, and makes search more similar to a search bar.

1 files changed, 78 insertions, 72 deletions

diff --git a/gtk/ui/gtkfilechooserwidget.ui b/gtk/ui/gtkfilechooserwidget.ui
index 2e46d30746..ff95f839ad 100644
--- a/gtk/ui/gtkfilechooserwidget.ui
+++ b/gtk/ui/gtkfilechooserwidget.ui
@@ -19,7 +19,6 @@
                 <property name="hscrollbar_policy">never</property>
                 <property name="local_only">True</property>
                 <property name="show_enter_location">True</property>
-                <property name="show_recent">True</property>
                 <style>
                   <class name="sidebar"/>
                 </style>
@@ -37,109 +36,116 @@
                 <property name="visible">True</property>
                 <property name="orientation">vertical</property>
                 <child>
-                  <object class="GtkBox" id="browse_header_box">
-                    <property name="orientation">vertical</property>
-                    <property name="spacing">12</property>
-                    <style>
-                      <class name="search-bar"/>
-                    </style>
+                  <object class="GtkRevealer" id="browse_header_revealer">
+                    <property name="visible">True</property>
+                    <property name="hexpand">True</property>
                     <child>
-                      <object class="GtkStack" id="browse_header_stack">
+                      <object class="GtkBox" id="browse_header_box">
                         <property name="visible">True</property>
-                        <property name="can_focus">True</property>
-                        <property name="transition-type">crossfade</property>
+                        <property name="orientation">vertical</property>
+                        <property name="spacing">12</property>
+                        <style>
+                          <class name="search-bar"/>
+                        </style>
                         <child>
-                          <object class="GtkBox" id="browse_path_bar_hbox">
+                          <object class="GtkStack" id="browse_header_stack">
                             <property name="visible">True</property>
-                            <property name="spacing">6</property>
-                            <property name="border_width">6</property>
+                            <property name="can_focus">True</property>
+                            <property name="transition-type">crossfade</property>
                             <child>
-                              <object class="GtkPathBar" id="browse_path_bar">
+                              <object class="GtkBox" id="browse_path_bar_hbox">
                                 <property name="visible">True</property>
-                                <property name="can_focus">False</property>
-                                <signal name="path-clicked" handler="path_bar_clicked" after="yes" swapped="no"/>
+                                <property name="spacing">6</property>
+                                <property name="border_width">6</property>
+                                <child>
+                                  <object class="GtkPathBar" id="browse_path_bar">
+                                    <property name="visible">True</property>
+                                    <property name="can_focus">False</property>
+                                    <signal name="path-clicked" handler="path_bar_clicked" after="yes" swapped="no"/>
+                                  </object>
+                                  <packing>
+                                    <property name="expand">True</property>
+                                  </packing>
+                                </child>
+                                <child>
+                                  <object class="GtkMenuButton" id="browse_new_folder_button">
+                                    <property name="label" translatable="yes">Create _Folder</property>
+                                    <property name="can_focus">True</property>
+                                    <property name="use_underline">True</property>
+                                    <property name="popover">new_folder_popover</property>
+                                    <signal name="notify::active" handler="new_folder_popover_active"/>
+                                  </object>
+                                  <packing>
+                                    <property name="fill">False</property>
+                                    <property name="pack_type">end</property>
+                                    <property name="position">1</property>
+                                  </packing>
+                                </child>
                               </object>
                               <packing>
-                                <property name="expand">True</property>
+                                <property name="name">pathbar</property>
                               </packing>
                             </child>
                             <child>
-                              <object class="GtkMenuButton" id="browse_new_folder_button">
-                                <property name="label" translatable="yes">Create _Folder</property>
-                                <property name="can_focus">True</property>
-                                <property name="use_underline">True</property>
-                                <property name="popover">new_folder_popover</property>
-                                <signal name="notify::active" handler="new_folder_popover_active"/>
+                              <object class="GtkBox" id="location_entry_box">
+                                <property name="visible">True</property>
+                                <property name="no-show-all">True</property>
+                                <property name="spacing">6</property>
+                                <property name="border_width">6</property>
                               </object>
                               <packing>
-                                <property name="fill">False</property>
-                                <property name="pack_type">end</property>
-                                <property name="position">1</property>
+                                <property name="name">location</property>
                               </packing>
                             </child>
-                          </object>
-                          <packing>
-                            <property name="name">pathbar</property>
-                          </packing>
-                        </child>
-                        <child>
-                          <object class="GtkBox" id="location_entry_box">
-                            <property name="visible">True</property>
-                            <property name="no-show-all">True</property>
-                            <property name="spacing">6</property>
-                            <property name="border_width">6</property>
-                          </object>
-                          <packing>
-                            <property name="name">location</property>
-                          </packing>
-                        </child>
-                        <child>
-                          <object class="GtkBox" id="search_entry_box">
-                            <property name="visible">True</property>
-                            <property name="no-show-all">True</property>
-                            <property name="spacing">6</property>
-                            <property name="border_width">6</property>
-                            <child>
-                              <object class="GtkSearchEntry" id="search_entry">
-                                <property name="visible">True</property>
-                                <property name="hexpand">True</property>
-                                <signal name="search-changed" handler="search_entry_activate_cb" swapped="yes"/>
-                                <signal name="stop-search" handler="search_entry_stop_cb" swapped="yes"/>
-                              </object>
-                            </child>
                             <child>
-                              <object class="GtkBox">
+                              <object class="GtkBox" id="search_entry_box">
                                 <property name="visible">True</property>
-                                <style>
-                                  <class name="linked"/>
-                                </style>
+                                <property name="no-show-all">True</property>
+                                <property name="spacing">6</property>
+                                <property name="border_width">6</property>
                                 <child>
-                                  <object class="GtkRadioButton" id="current_location_radio">
+                                  <object class="GtkSearchEntry" id="search_entry">
                                     <property name="visible">True</property>
-                                    <property name="draw-indicator">False</property>
-                                    <property name="label" translatable="yes">Home</property>
-                                    <signal name="toggled" handler="search_entry_activate_cb" swapped="yes"/>
+                                    <property name="hexpand">True</property>
+                                    <signal name="search-changed" handler="search_entry_activate_cb" swapped="yes"/>
+                                    <signal name="stop-search" handler="search_entry_stop_cb" swapped="yes"/>
                                   </object>
                                 </child>
                                 <child>
-                                  <object class="GtkRadioButton">
+                                  <object class="GtkBox">
                                     <property name="visible">True</property>
-                                    <property name="draw-indicator">False</property>
-                                    <property name="group">current_location_radio</property>
-                                    <property name="label" translatable="yes">All Files</property>
+                                    <style>
+                                      <class name="linked"/>
+                                    </style>
+                                    <child>
+                                      <object class="GtkRadioButton" id="current_location_radio">
+                                        <property name="visible">True</property>
+                                        <property name="draw-indicator">False</property>
+                                        <property name="label" translatable="yes">Home</property>
+                                        <signal name="toggled" handler="search_entry_activate_cb" swapped="yes"/>
+                                      </object>
+                                    </child>
+                                    <child>
+                                      <object class="GtkRadioButton">
+                                        <property name="visible">True</property>
+                                        <property name="draw-indicator">False</property>
+                                        <property name="group">current_location_radio</property>
+                                        <property name="label" translatable="yes">All Files</property>
+                                      </object>
+                                    </child>
                                   </object>
                                 </child>
                               </object>
+                              <packing>
+                                <property name="name">search</property>
+                              </packing>
                             </child>
                           </object>
                           <packing>
-                            <property name="name">search</property>
+                            <property name="fill">False</property>
                           </packing>
                         </child>
                       </object>
-                      <packing>
-                        <property name="fill">False</property>
-                      </packing>
                     </child>
                   </object>
                   <packing>