refactor(ags): change some cursor code

config/ags/js/common.js

@@ -19,7 +19,7 @@ export const Separator = width => ags.Widget.Box({
 import Gdk from 'gi://Gdk';
 const display = Gdk.Display.get_default();
 
-export const EventBox = ({ ...params }) => ags.Widget.EventBox({
+export const EventBox = ({ reset = true, ...params }) => ags.Widget.EventBox({
   ...params,
   onHover: box => {
     if (! box.child.sensitive || ! box.sensitive) {
@@ -30,6 +30,7 @@ export const EventBox = ({ ...params }) => ags.Widget.EventBox({
     }
   },
   onHoverLost: box => {
+    if (reset)
       box.window.set_cursor(null);
   },
 });

config/ags/js/misc/drag.js

@@ -64,6 +64,7 @@ export const Draggable = ({
             w.window.set_cursor(Gdk.Cursor.new_from_name(display, 'grab'));
         }
       }, 'drag-end'],
+
     ],
   });
 

config/ags/js/notifications/base.js

@@ -1,9 +1,10 @@
 const { GLib } = imports.gi;
 const { Notifications } = ags.Service;
 const { lookUpIcon, timeout } = ags.Utils;
-const { Box, Icon, Label, EventBox, Button } = ags.Widget;
+const { Box, Icon, Label, Button } = ags.Widget;
 
 import { Draggable } from '../misc/drag.js';
+import { EventBox } from '../common.js'
 
 const NotificationIcon = ({ appEntry, appIcon, image }) => {
   if (image) {
@@ -53,25 +54,6 @@ export default ({ id, summary, body, actions, urgency, time, ...icon }) => Dragg
   maxOffset: 200,
   command: () => Notifications.close(id),
 
-  /// Port of Aylur's notification
-  properties: [['hovered', false]],
-  addOnHover: w => {
-    if (w._hovered) {
-      return;
-    }
-
-    timeout(300, () => w._hovered = true);
-  },
-  addOnHoverLost: w => {
-    if (!w._hovered) {
-      return;
-    }
-
-    w._hovered = false;
-    Notifications.dismiss(id);
-  },
-  ///
-
   child: Box({
     className: `notification ${urgency}`,
     vexpand: false,
@@ -106,12 +88,15 @@ export default ({ id, summary, body, actions, urgency, time, ...icon }) => Dragg
                       valign: 'start',
                       label: GLib.DateTime.new_from_unix_local(time).format('%H:%M'),
                     }),
-                    Button({
+                    EventBox({
+                      reset: false,
+                      child: Button({
                         className: 'close-button',
                         valign: 'start',
                         onClicked: () => Notifications.close(id),
                         child: Icon('window-close-symbolic'),
                       }),
+                    }),
                   ],
                 }),
                 Label({

config/ags/scss/widgets/notification.scss

@@ -13,13 +13,12 @@ $background-color_10: rgba(238, 238, 238, 0.5);
 	>box {
 		box-shadow: inset 0 0 0.5em 0 #e67090;
 	}
-	}
-	.notification {
+}
+.notification {
 	>box {
-			padding: 9px;
 		all: unset;
 		box-shadow: 0 0 4.5px 0 rgba(0, 0, 0, 0.4);
-			margin: 9px;
+		margin: 9px 9px 0 9px;
 		border: 2px solid $contrastbg;
 		border-radius: 15px;
 		background-color: $bg;
@@ -177,5 +176,4 @@ $background-color_10: rgba(238, 238, 238, 0.5);
 			box-shadow: inset 0 0 0 1px rgba(238, 238, 238, 0.03), inset 0 0 0 99px rgba(238, 238, 238, 0.154);
 		}
 	}
-	}
-
+}

config/ags/style.css

@@ -262,10 +262,9 @@ tooltip {
   box-shadow: inset 0 0 0.5em 0 #e67090; }
 
 .notification > box {
-  padding: 9px;
   all: unset;
   box-shadow: 0 0 4.5px 0 rgba(0, 0, 0, 0.4);
-  margin: 9px;
+  margin: 9px 9px 0 9px;
   border: 2px solid rgba(189, 147, 249, 0.8);
   border-radius: 15px;
   background-color: rgba(40, 42, 54, 0.8);