💥 fix(ags): bar/media widget, new appearance to control center

ags/window/Bar.ts

@@ -2,12 +2,11 @@ import { Gdk, Astal, Gtk, Widget } from "astal/gtk3";
 
 import { Clock } from "../widget/bar/Clock";
 import { Logo } from "../widget/bar/Logo";
-import { CCToggle } from "../widget/bar/CCToggle";
 import { Tray } from "../widget/bar/Tray";
 import { Workspaces } from "../widget/bar/Workspaces";
 import { Audio } from "../widget/bar/Audio";
-import { FocusedWindow } from "../widget/bar/FocusedWindow";
-//import { Media } from "../widget/bar/Media";
+import { FocusedClient } from "../widget/bar/FocusedClient";
+import { Media } from "../widget/bar/Media";
 
 export const Bar: Widget.Window = new Widget.Window({
     className: "bar",
@@ -34,7 +33,7 @@ export const Bar: Widget.Window = new Widget.Window({
                 children: [
                     Logo(),
                     Workspaces(),
-                    FocusedWindow()
+                    FocusedClient()
                 ]
             } as Widget.BoxProps),
             centerWidget: new Widget.Box({
@@ -43,7 +42,7 @@ export const Bar: Widget.Window = new Widget.Window({
                 halign: Gtk.Align.CENTER,
                 children: [
                     Clock(),
-                    /*<Media />*/
+                    Media()
                 ]
             } as Widget.BoxProps),
             endWidget: new Widget.Box({
@@ -52,8 +51,7 @@ export const Bar: Widget.Window = new Widget.Window({
                 halign: Gtk.Align.END,
                 children: [
                     Tray(),
-                    Audio(),
-                    CCToggle()
+                    Audio()
                 ]
             } as Widget.BoxProps)
         } as Widget.CenterBoxProps)

ags/window/ControlCenter.ts

@@ -1,10 +1,7 @@
 import { Astal, Gdk, Gtk, Widget } from "astal/gtk3";
 import { QuickActions } from "../widget/control-center/QuickActions";
-import { Bar } from "./Bar";
 import { Tiles } from "../widget/control-center/Tiles";
 
-const monitorHeight: number = Gdk.Screen.get_default()?.get_monitor_geometry(0)?.height!;
-
 const widgetsContainer: Widget.Box = new Widget.Box({
     className: "control-center-container",
     orientation: Gtk.Orientation.VERTICAL,
@@ -17,9 +14,11 @@ export const ControlCenter: Widget.Window = new Widget.Window({
     namespace: "control-center",
     canFocus: true,
     exclusivity: Astal.Exclusivity.NORMAL,
-    anchor: Astal.WindowAnchor.RIGHT,
+    anchor: Astal.WindowAnchor.TOP | Astal.WindowAnchor.RIGHT,
+    margin_top: 10,
+    margin_right: 10,
     width_request: 450,
-    height_request: Bar.is_visible() ? monitorHeight - Bar.get_size()[1] - 18 : 700,
+    height_request: 400,
     monitor: 0,
     visible: false
 } as Widget.WindowProps, widgetsContainer);