[gnome-todo] task-row: one more try at animations

[Georges Basile Stavracas Neto <gbsneto src gnome org>]

commit dac77eb343135757e1b7fcfe7735576db4b3a616
Author: Georges Basile Stavracas Neto <georges stavracas gmail com>
Date:   Fri Oct 6 19:36:06 2017 -0300

    task-row: one more try at animations

 data/ui/edit-pane.ui |    4 +-
 data/ui/task-row.ui  |  208 ++++++++++++++++++++++++++------------------------
 2 files changed, 111 insertions(+), 101 deletions(-)
---
diff --git a/data/ui/edit-pane.ui b/data/ui/edit-pane.ui
index 93f3d12..f04d9ee 100644
--- a/data/ui/edit-pane.ui
+++ b/data/ui/edit-pane.ui
@@ -41,7 +41,9 @@
       <object class="GtkGrid" id="main_grid">
         <property name="visible">True</property>
         <property name="can_focus">False</property>
-        <property name="margin">12</property>
+        <property name="margin-bottom">12</property>
+        <property name="margin-start">12</property>
+        <property name="margin-end">12</property>
         <property name="vexpand">True</property>
         <property name="row_spacing">6</property>
         <property name="column_spacing">6</property>
diff --git a/data/ui/task-row.ui b/data/ui/task-row.ui
index a052e29..b9fd413 100644
--- a/data/ui/task-row.ui
+++ b/data/ui/task-row.ui
@@ -20,125 +20,123 @@
             <property name="orientation">vertical</property>
 
             <child>
-              <object class="GtkStack" id="stack">
+              <object class="GtkBox">
                 <property name="visible">True</property>
                 <property name="can_focus">False</property>
-                <property name="interpolate-size">True</property>
-                <property name="homogeneous">False</property>
-                <property name="transition-type">crossfade</property>
-                <property name="transition-duration">500</property>
+                <property name="margin-end">12</property>
+                <property name="margin-start">8</property>
+                <property name="margin-top">3</property>
+                <property name="margin-bottom">3</property>
+                <property name="height-request">32</property>
+                <property name="spacing">4</property>
 
-                <!-- Main page, visible when the task row is unfocused -->
+                <!-- Box with DnD margin -->
                 <child>
-                  <object class="GtkEventBox">
+                  <object class="GtkBox" id="dnd_box">
                     <property name="visible">True</property>
-                    <signal name="enter-notify-event" handler="mouse_over_event_cb" object="GtdTaskRow" 
swapped="no" />
-                    <signal name="leave-notify-event" handler="mouse_out_event_cb" object="GtdTaskRow" 
swapped="no" />
+                    <property name="can_focus">False</property>
+                  </object>
+                </child>
+
+                <child>
+                  <object class="GtkEventBox" id="dnd_event_box">
+                    <property name="visible">True</property>
+                    <signal name="button-press-event" handler="button_press_event" object="GtdTaskRow" 
swapped="no" />
+                    <signal name="drag-begin" handler="drag_begin_cb" object="GtdTaskRow" swapped="no" />
+                    <signal name="drag-failed" handler="drag_failed_cb" object="GtdTaskRow" swapped="no" />
+                    <signal name="enter-notify-event" handler="mouse_over_dnd_event_cb" object="GtdTaskRow" 
swapped="no" />
+                    <signal name="leave-notify-event" handler="mouse_out_dnd_event_cb" object="GtdTaskRow" 
swapped="no" />
                     <child>
-                      <object class="GtkBox">
+                      <object class="GtkImage" id="dnd_icon">
                         <property name="visible">True</property>
-                        <property name="can_focus">False</property>
-                        <property name="margin-end">18</property>
-                        <property name="margin-start">8</property>
-                        <property name="margin-top">3</property>
-                        <property name="margin-bottom">3</property>
-                        <property name="height-request">32</property>
-                        <property name="spacing">4</property>
+                        <property name="icon-name">open-menu-symbolic</property>
+                        <property name="pixel-size">12</property>
+                        <style>
+                          <class name="dim-label" />
+                        </style>
+                      </object>
+                    </child>
+                  </object>
+                </child>
 
-                        <!-- Box with DnD margin -->
+                <!-- Done checkbutton -->
+                <child>
+                  <object class="GtkCheckButton" id="done_check">
+                    <property name="visible">True</property>
+                    <property name="can_focus">True</property>
+                    <property name="receives_default">False</property>
+                    <property name="halign">center</property>
+                    <property name="valign">center</property>
+                    <property name="vexpand">True</property>
+                    <property name="draw_indicator">True</property>
+                    <property name="margin-start">6</property>
+                    <property name="margin-end">6</property>
+                    <signal name="toggled" handler="complete_check_toggled_cb" object="GtdTaskRow" 
swapped="no" />
+                  </object>
+                </child>
+
+                <child>
+                  <object class="GtkStack" id="stack">
+                    <property name="visible">True</property>
+                    <property name="can_focus">False</property>
+                    <property name="interpolate-size">True</property>
+                    <property name="homogeneous">False</property>
+                    <property name="transition-type">crossfade</property>
+                    <property name="transition-duration">500</property>
+
+                    <!-- Main page, visible when the task row is unfocused -->
+                    <child>
+                      <object class="GtkEventBox">
+                        <property name="visible">True</property>
+                        <signal name="enter-notify-event" handler="mouse_over_event_cb" object="GtdTaskRow" 
swapped="no" />
+                        <signal name="leave-notify-event" handler="mouse_out_event_cb" object="GtdTaskRow" 
swapped="no" />
                         <child>
-                          <object class="GtkBox" id="dnd_box">
+                          <object class="GtkBox">
                             <property name="visible">True</property>
                             <property name="can_focus">False</property>
-                          </object>
-                        </child>
 
-                        <child>
-                          <object class="GtkEventBox" id="dnd_event_box">
-                            <property name="visible">True</property>
-                            <signal name="button-press-event" handler="button_press_event" 
object="GtdTaskRow" swapped="no" />
-                            <signal name="drag-begin" handler="drag_begin_cb" object="GtdTaskRow" 
swapped="no" />
-                            <signal name="drag-failed" handler="drag_failed_cb" object="GtdTaskRow" 
swapped="no" />
-                            <signal name="enter-notify-event" handler="mouse_over_dnd_event_cb" 
object="GtdTaskRow" swapped="no" />
-                            <signal name="leave-notify-event" handler="mouse_out_dnd_event_cb" 
object="GtdTaskRow" swapped="no" />
                             <child>
-                              <object class="GtkImage" id="dnd_icon">
+                              <object class="GtkLabel" id="title_label">
                                 <property name="visible">True</property>
-                                <property name="icon-name">open-menu-symbolic</property>
-                                <property name="pixel-size">12</property>
+                                <property name="can_focus">True</property>
+                                <property name="hexpand">True</property>
+                                <property name="ellipsize">end</property>
+                                <property name="xalign">0.0</property>
+                              </object>
+                            </child>
+
+                            <child>
+                              <object class="GtkLabel" id="task_date_label">
+                                <property name="visible">True</property>
+                                <property name="can_focus">False</property>
+                                <property name="xalign">1.0</property>
                                 <style>
-                                  <class name="dim-label" />
+                                  <class name="dim-label"/>
+                                </style>
+                              </object>
+                            </child>
+                            <child>
+                              <object class="GtkLabel" id="task_list_label">
+                                <property name="visible">False</property>
+                                <property name="can_focus">False</property>
+                                <property name="xalign">0</property>
+                                <property name="max_width_chars">18</property>
+                                <property name="ellipsize">middle</property>
+                                <style>
+                                  <class name="dim-label"/>
                                 </style>
                               </object>
                             </child>
-                          </object>
-                        </child>
-
-                        <child>
-                          <object class="GtkCheckButton" id="done_check">
-                            <property name="visible">True</property>
-                            <property name="can_focus">True</property>
-                            <property name="receives_default">False</property>
-                            <property name="halign">center</property>
-                            <property name="valign">center</property>
-                            <property name="vexpand">True</property>
-                            <property name="draw_indicator">True</property>
-                            <property name="margin-start">6</property>
-                            <signal name="toggled" handler="complete_check_toggled_cb" object="GtdTaskRow" 
swapped="no" />
-                          </object>
-                        </child>
-
-                        <child>
-                          <object class="GtkLabel" id="title_label">
-                            <property name="visible">True</property>
-                            <property name="can_focus">True</property>
-                            <property name="hexpand">True</property>
-                            <property name="ellipsize">end</property>
-                            <property name="xalign">0.0</property>
-                          </object>
-                        </child>
 
-                        <child>
-                          <object class="GtkLabel" id="task_date_label">
-                            <property name="visible">True</property>
-                            <property name="can_focus">False</property>
-                            <property name="xalign">1.0</property>
-                            <style>
-                              <class name="dim-label"/>
-                            </style>
                           </object>
                         </child>
-                        <child>
-                          <object class="GtkLabel" id="task_list_label">
-                            <property name="visible">False</property>
-                            <property name="can_focus">False</property>
-                            <property name="xalign">0</property>
-                            <property name="max_width_chars">18</property>
-                            <property name="ellipsize">middle</property>
-                            <style>
-                              <class name="dim-label"/>
-                            </style>
-                          </object>
-                        </child>
-
                       </object>
+                      <packing>
+                        <property name="name">unfocused</property>
+                      </packing>
                     </child>
-                  </object>
-                  <packing>
-                    <property name="name">unfocused</property>
-                  </packing>
-                </child>
-
-                <!-- Edit header page -->
-                <child>
-                  <object class="GtkBox">
-                    <property name="visible">True</property>
-                    <property name="margin-end">12</property>
-                    <property name="margin-start">12</property>
-                    <property name="margin-top">6</property>
-                    <property name="spacing">6</property>
-                    <property name="can_focus">False</property>
 
+                    <!-- Edit header page -->
                     <child>
                       <object class="GtkEntry" id="title_entry">
                         <property name="visible">True</property>
@@ -149,13 +147,27 @@
                           <class name="title" />
                         </style>
                       </object>
+                      <packing>
+                        <property name="name">edit</property>
+                      </packing>
                     </child>
 
+                  </object>
+                </child>
+
+                <!-- Close button -->
+                <child>
+                  <object class="GtkRevealer" id="close_button_revealer">
+                    <property name="visible">True</property>
+                    <property name="can_focus">True</property>
+                    <property name="receives_default">False</property>
+                    <property name="transition_type">slide-left</property>
+                    <property name="transition_duration" bind-source="edit_panel_revealer" 
bind-property="transition_duration" bind-flags="default|sync-create" />
+                    <property name="reveal-child" bind-source="edit_panel_revealer" 
bind-property="reveal-child" bind-flags="default" />
                     <child>
                       <object class="GtkButton" id="close_button">
                         <property name="visible">True</property>
                         <property name="can_focus">True</property>
-                        <property name="receives_default">False</property>
                         <signal name="clicked" handler="edit_finished_cb" object="GtdTaskRow" swapped="no"/>
                         <style>
                           <class name="flat" />
@@ -169,11 +181,7 @@
                         </child>
                       </object>
                     </child>
-
                   </object>
-                  <packing>
-                    <property name="name">edit</property>
-                  </packing>
                 </child>
 
               </object>