fix(ags): make revealers work on first try

config/ags/js/date.js

@@ -71,6 +71,7 @@ const CalendarWidget = () => Box({
 export const Calendar = Window({
   name: 'calendar',
   layer: 'overlay',
+  popup: true,
   anchor: 'top right',
   margin: [ 8, 182, 0, 0],
   child: PopUp({

config/ags/js/misc/popup.js

@@ -1,22 +1,10 @@
-const { Revealer } = ags.Widget;
+const { Revealer, Box } = ags.Widget;
-const { closeWindow, openWindow } = ags.App;
+const { openWindow } = ags.App;
 
-export const PopUp = ({name, child, transition = 'slide_down', ...params}) => Revealer({
+export const PopUp = ({name, child, transition = 'slide_down', ...params}) => Box({
+  style: 'min-height:1px; min-width:1px',
+  child: Revealer({
     ...params,
-  // FIXME: popups don't work with revealers
-  setup: () => {
-    setTimeout(() => {
-      closeWindow(name);
-    }, 100);
-
-    // my eyes hurt
-    if (name == 'overview') {
-      setTimeout(() => {
-        openWindow(name);
-        closeWindow(name);
-      }, 700);
-    }
-  },
     transition,
     transitionDuration: 500,
     connections: [[ags.App, (revealer, currentName, visible) => {
@@ -28,4 +16,5 @@ export const PopUp = ({name, child, transition = 'slide_down', ...params}) => Re
       }
     }]],
     child: child,
+  }),
 });

config/ags/js/notifications/center.js

@@ -136,6 +136,7 @@ export const NotificationCenter = Window({
   name: 'notification-center',
   layer: 'overlay',
   anchor: 'top right',
+  popup: true,
   margin: [ 8, 60, 0, 0 ],
   child: PopUp({
     name: 'notification-center',

config/ags/js/overview/main.js

@@ -8,6 +8,7 @@ import { updateClients } from './clients.js';
 export default Window({
   name: 'overview',
   layer: 'overlay',
+  popup: true,
 
   child: PopUp({
     name: 'overview',

config/ags/js/powermenu.js

@@ -37,6 +37,7 @@ const PowermenuWidget = CenterBox({
 
 export const Powermenu = Window({
   name: 'powermenu',
+  popup: true,
   layer: 'overlay',
   child: PopUp({
     name: 'powermenu',

config/ags/js/quick-settings/main.js

@@ -71,6 +71,7 @@ export const QuickSettings = Window({
   name: 'quick-settings',
   layer: 'overlay',
   anchor: 'top right',
+  popup: true,
   margin: [ 8, 5, 0, ],
   child: PopUp({
     name: 'quick-settings',