fix: show active dots

Cargo.lock

@@ -2141,7 +2141,7 @@ checksum = "a3f87b73ce11b1619a3c6332f45341e0047173771e8b8b73f87bfeefb7b56244"
 [[package]]
 name = "relm4"
 version = "0.5.0-beta.1"
-source = "git+https://github.com/Relm4/Relm4.git?branch=next#746d244004e23764294b23519f6f8be1002c1ceb"
+source = "git+https://github.com/relm4/relm4?branch=next#746d244004e23764294b23519f6f8be1002c1ceb"
 dependencies = [
  "async-broadcast",
  "async-oneshot",
@@ -2158,7 +2158,7 @@ dependencies = [
 [[package]]
 name = "relm4-macros"
 version = "0.5.0-beta.1"
-source = "git+https://github.com/Relm4/Relm4.git?branch=next#746d244004e23764294b23519f6f8be1002c1ceb"
+source = "git+https://github.com/relm4/relm4?branch=next#746d244004e23764294b23519f6f8be1002c1ceb"
 dependencies = [
  "proc-macro2",
  "quote",

applets/cosmic-app-list/src/dock_item/mod.rs

@@ -50,7 +50,7 @@ impl DockItem {
             ..set_valign(Align::Center);
             ..add_css_class("transparent");
         };
-        // TODO dots inverse color of parent with gsk blend modes?
+
         item_box.append(&image);
         item_box.append(&dots);
         let popover = cascade! {
@@ -111,6 +111,7 @@ impl DockItem {
         while let Some(c) = dots.first_child() {
             dots.remove(&c);
         }
+
         for _ in active.0 {
             dots.append(&cascade! {
                 Box::new(Orientation::Horizontal, 0);

applets/cosmic-app-list/src/style.css

@@ -57,6 +57,12 @@ button.dock_item:hover {
     background: rgba(255, 255, 255, 0.1);
 }
 
+box.dock_dots {
+    background: white;
+    padding: 2px;
+    border-radius: 4px;
+}
+
 *.transparent {
     border-color: transparent;
     background: transparent;