From 75f788806213e45808a67ef98dbae21c356cb29d Mon Sep 17 00:00:00 2001
From: Ratson <github@ratson.name>
Date: Wed, 13 Nov 2024 23:57:02 +0800
Subject: example(simple-bar): fix sass deprecation warnings

---
 examples/js/simple-bar/style.scss | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

(limited to 'examples/js')

diff --git a/examples/js/simple-bar/style.scss b/examples/js/simple-bar/style.scss
index f98286e..1dcf729 100644
--- a/examples/js/simple-bar/style.scss
+++ b/examples/js/simple-bar/style.scss
@@ -1,3 +1,5 @@
+@use "sass:color";
+
 $bg: #212223;
 $fg: #f1f1f1;
 $accent: #378DF7;
@@ -16,12 +18,12 @@ window.Bar {
         background-color: transparent;
 
         &:hover label {
-            background-color: transparentize($fg, 0.84);
-            border-color: transparentize($accent, 0.8);
+            background-color: color.adjust($fg, $alpha: -0.84);
+            border-color: color.adjust($accent, $alpha: -0.8);
         }
 
         &:active label {
-            background-color: transparentize($fg, 0.8)
+            background-color: color.adjust($fg, $alpha: -0.8)
         }
     }
 
@@ -64,10 +66,12 @@ window.Bar {
             margin-right: .6em;
         }
 
-        margin: 0 1em;
+        & {
+            margin: 0 1em;
+        }
 
         trough {
-            background-color: transparentize($fg, 0.8);
+            background-color: color.adjust($fg, $alpha: -0.8);
             border-radius: $radius;
         }
 
-- 
cgit v1.2.3


From b7af61d770510b1c797e1c7137a4da934cdca7a2 Mon Sep 17 00:00:00 2001
From: Aylur <k.demeter@protonmail.com>
Date: Sun, 24 Nov 2024 23:43:28 +0000
Subject: example: cleanup

---
 examples/js/notifications/notifications/NotificationPopups.tsx | 4 ++--
 examples/js/simple-bar/widget/Bar.tsx                          | 6 ++----
 2 files changed, 4 insertions(+), 6 deletions(-)

(limited to 'examples/js')

diff --git a/examples/js/notifications/notifications/NotificationPopups.tsx b/examples/js/notifications/notifications/NotificationPopups.tsx
index a8088c9..9b84d84 100644
--- a/examples/js/notifications/notifications/NotificationPopups.tsx
+++ b/examples/js/notifications/notifications/NotificationPopups.tsx
@@ -2,7 +2,7 @@ import { Astal, Gtk, Gdk } from "astal/gtk3"
 import Notifd from "gi://AstalNotifd"
 import Notification from "./Notification"
 import { type Subscribable } from "astal/binding"
-import { GLib, Variable, bind, timeout } from "astal"
+import { Variable, bind, timeout } from "astal"
 
 // see comment below in constructor
 const TIMEOUT_DELAY = 5000
@@ -23,7 +23,7 @@ class NotifiationMap implements Subscribable {
         this.var.set([...this.map.values()].reverse())
     }
 
-    private constructor() {
+    constructor() {
         const notifd = Notifd.get_default()
 
         /**
diff --git a/examples/js/simple-bar/widget/Bar.tsx b/examples/js/simple-bar/widget/Bar.tsx
index efc065a..8a0126e 100644
--- a/examples/js/simple-bar/widget/Bar.tsx
+++ b/examples/js/simple-bar/widget/Bar.tsx
@@ -133,15 +133,13 @@ function Time({ format = "%H:%M - %A %e." }) {
 }
 
 export default function Bar(monitor: Gdk.Monitor) {
-    const anchor = Astal.WindowAnchor.TOP
-        | Astal.WindowAnchor.LEFT
-        | Astal.WindowAnchor.RIGHT
+    const { TOP, LEFT, RIGHT } = Astal.WindowAnchor
 
     return <window
         className="Bar"
         gdkmonitor={monitor}
         exclusivity={Astal.Exclusivity.EXCLUSIVE}
-        anchor={anchor}>
+        anchor={TOP | LEFT | RIGHT}>
         <centerbox>
             <box hexpand halign={Gtk.Align.START}>
                 <Workspaces />
-- 
cgit v1.2.3