From 46ec02640475788ab059832d0cdbe29c96a70247 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20Bellegarde?= <cedric.bellegarde@adishatz.org>
Date: Thu, 24 Aug 2023 07:42:26 +0200
Subject: [PATCH] client: move ComponentsInAppNotification as a toast

Fix #1207
---
 src/client/components/components-in-app-notification.vala | 3 ++-
 ui/components-in-app-notification.ui                      | 3 ++-
 ui/geary.css                                              | 5 +++++
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/client/components/components-in-app-notification.vala b/src/client/components/components-in-app-notification.vala
index 05885165..044fd0c8 100644
--- a/src/client/components/components-in-app-notification.vala
+++ b/src/client/components/components-in-app-notification.vala
@@ -8,6 +8,7 @@
  * Represents an in-app notification.
  *
  * Following the GNOME HIG, it should only contain a label and maybe a button.
+ * Looks like libadwaita toast, remove this when porting toward GTK4
  */
 [GtkTemplate (ui = "/org/gnome/Geary/components-in-app-notification.ui")]
 public class Components.InAppNotification : Gtk.Revealer {
@@ -30,7 +31,7 @@ public class Components.InAppNotification : Gtk.Revealer {
      */
     public InAppNotification(string message,
                              uint duration = DEFAULT_DURATION) {
-        this.transition_type = Gtk.RevealerTransitionType.SLIDE_DOWN;
+        this.transition_type = Gtk.RevealerTransitionType.CROSSFADE;
         this.message_label.label = message;
         this.duration = duration;
     }
diff --git a/ui/components-in-app-notification.ui b/ui/components-in-app-notification.ui
index a355074d..fd1faac3 100644
--- a/ui/components-in-app-notification.ui
+++ b/ui/components-in-app-notification.ui
@@ -4,9 +4,10 @@
   <template class="ComponentsInAppNotification" parent="GtkRevealer">
     <property name="visible">False</property>
     <property name="halign">center</property>
-    <property name="valign">start</property>
+    <property name="valign">end</property>
     <property name="margin-start">12</property>
     <property name="margin-end">12</property>
+    <property name="margin-bottom">30</property>
     <signal name="notify::child-revealed" handler="on_child_revealed" swapped="no"/>
     <child>
       <object class="GtkBox" id="layout">
diff --git a/ui/geary.css b/ui/geary.css
index 9cfe6679..bc1e6a50 100644
--- a/ui/geary.css
+++ b/ui/geary.css
@@ -25,6 +25,11 @@ geary-conversation-list revealer {
   border-right: 0;
 }
 
+.app-notification {
+  border-radius: 30px;
+  padding-left: 18px;
+}
+
 .geary-info-bar-stack > border {
   border-width: 0;
   border-left-width: 0;