use hyprland's animations instead of gtk css

should make things much smoother

.config/ags/modules/.widgethacks/popupwindow.js

@@ -18,14 +18,17 @@ export default ({
 
         child: Box({
             setup: (self) => {
-                self.hook(App, (self, currentName, visible) => {
-                    if (currentName === name) {
-                        self.toggleClassName(hideClassName, !visible);
-                    }
-                }).keybind("Escape", () => closeEverything());
+                self.keybind("Escape", () => closeEverything());
+                if (showClassName != "" && hideClassName !== "") {
+                    self.hook(App, (self, currentName, visible) => {
+                        if (currentName === name) {
+                            self.toggleClassName(hideClassName, !visible);
+                        }
+                    });
 
-                if (showClassName !== "" && hideClassName !== "")
-                    self.className = `${showClassName} ${hideClassName}`;
+                    if (showClassName !== "" && hideClassName !== "")
+                        self.className = `${showClassName} ${hideClassName}`;
+                }
             },
             child: child,
         }),

.config/ags/modules/sideleft/main.js

@@ -6,7 +6,5 @@ export default () => PopupWindow({
     anchor: ['left', 'top', 'bottom'],
     name: 'sideleft',
     layer: 'overlay',
-    showClassName: 'sideleft-show',
-    hideClassName: 'sideleft-hide',
     child: SidebarLeft(),
 });

.config/ags/modules/sideright/main.js

@@ -6,7 +6,5 @@ export default () => PopupWindow({
     anchor: ['right', 'top', 'bottom'],
     name: 'sideright',
     layer: 'overlay',
-    showClassName: 'sideright-show',
-    hideClassName: 'sideright-hide',
     child: SidebarRight(),
 });