Replace tooltip with delayed popover (#422)

Author: sebastianlay

data/Application.css

@@ -64,6 +64,10 @@ launcher progressbar progress {
     min-width: 0;
 }
 
+launcher .app-info {
+    padding: 1em;
+}
+
 backgrounditem,
 icongroup {
     padding: 6px;

src/AppSystem/Launcher.vala

@@ -5,6 +5,7 @@
 
 public class Dock.Launcher : BaseItem {
     private const int DND_TIMEOUT = 1000;
+    private const int POPOVER_NAME_TIMEOUT = 500;
 
     private static Settings? notify_settings;
 
@@ -30,7 +31,10 @@ public class Dock.Launcher : BaseItem {
     private Gtk.Revealer badge_revealer;
     private Adw.TimedAnimation bounce_up;
     private Adw.TimedAnimation bounce_down;
-    private Gtk.PopoverMenu popover;
+    private Gtk.PopoverMenu popover_menu;
+    private Gtk.Popover popover_name;
+
+    private Gtk.EventControllerMotion motion_controller;
 
     private Gtk.Image? second_running_indicator;
     private bool multiple_windows_open {
@@ -53,6 +57,8 @@ public class Dock.Launcher : BaseItem {
     private uint queue_dnd_cycle_id = 0;
 
     private bool flagged_for_removal = false;
+    private bool timeout_is_running = false;
+    private bool is_hover = false;
 
     public Launcher (App app) {
         Object (app: app, group: Group.LAUNCHER);
@@ -63,11 +69,26 @@ public class Dock.Launcher : BaseItem {
     }
 
     construct {
-        popover = new Gtk.PopoverMenu.from_model (app.menu_model) {
+        popover_menu = new Gtk.PopoverMenu.from_model (app.menu_model) {
             autohide = true,
             position = TOP
         };
-        popover.set_parent (this);
+        popover_menu.set_parent (this);
+
+        var display_name = app.app_info.get_display_name ();
+        var name_label = new Gtk.Label (display_name);
+        name_label.add_css_class ("app-info");
+        popover_name = new Gtk.Popover () {
+            position = TOP,
+            child = name_label,
+            autohide = false
+        };
+        popover_name.set_parent (this);
+
+        motion_controller = new Gtk.EventControllerMotion ();
+        motion_controller.enter.connect (on_enter);
+        motion_controller.leave.connect (on_leave);
+        add_controller (motion_controller);
 
         image = new Gtk.Image ();
 
@@ -99,8 +120,6 @@ public class Dock.Launcher : BaseItem {
         overlay.add_overlay (badge_revealer);
         overlay.add_overlay (progress_revealer);
 
-        tooltip_text = app.app_info.get_display_name ();
-
         insert_action_group (ACTION_GROUP_PREFIX, app.action_group);
 
         // We have to destroy the progressbar when it is not needed otherwise it will
@@ -154,7 +173,10 @@ public class Dock.Launcher : BaseItem {
         gesture_click.released.connect (on_click_released);
 
         var long_press = new Gtk.GestureLongPress ();
-        long_press.pressed.connect (popover.popup);
+        long_press.pressed.connect (() => {
+            popover_menu.popup ();
+            popover_name.popdown ();
+        });
         add_controller (long_press);
 
         var scroll_controller = new Gtk.EventControllerScroll (VERTICAL);
@@ -200,8 +222,10 @@ public class Dock.Launcher : BaseItem {
     }
 
     ~Launcher () {
-        popover.unparent ();
-        popover.dispose ();
+        popover_menu.unparent ();
+        popover_menu.dispose ();
+        popover_name.unparent ();
+        popover_name.dispose ();
     }
 
     /**
@@ -232,7 +256,8 @@ public class Dock.Launcher : BaseItem {
                 }
                 break;
             case Gdk.BUTTON_SECONDARY:
-                popover.popup ();
+                popover_menu.popup ();
+                popover_name.popdown ();
                 break;
         }
     }
@@ -328,4 +353,24 @@ public class Dock.Launcher : BaseItem {
             multiple_windows_open = app.windows.length > 1;
         }
     }
+
+    private void on_enter (Gtk.EventControllerMotion controller, double event_x, double event_y) {
+        if (!timeout_is_running) {
+            Timeout.add_once (POPOVER_NAME_TIMEOUT, show_popover_name);
+        }
+        timeout_is_running = true;
+        is_hover = true;
+    }
+
+    private void on_leave (Gtk.EventControllerMotion controller) {
+        popover_name.popdown ();
+        is_hover = false;
+    }
+
+    private void show_popover_name () {
+        timeout_is_running = false;
+        if (!popover_menu.visible && is_hover) {
+            popover_name.popup ();
+        }
+    }
 }