chore: toggle fixes

Cargo.toml

@@ -12,25 +12,38 @@ categories = ["gui"]
 
 [features]
 default = ["iced"]
-iced = ["dep:iced", "dep:iced_runtime", "dep:iced_widget", "dep:iced_futures", "dep:iced_core", "dep:iced_style"]
+iced = [
+    "dep:iced",
+    "dep:iced_runtime",
+    "dep:iced_widget",
+    "dep:iced_futures",
+    "dep:iced_core",
+    "dep:iced_style",
+]
 once_cell = ["dep:once_cell"]
-wayland-libcosmic =  ["libcosmic", "libcosmic/wayland"]
-winit-libcosmic =  ["libcosmic", "libcosmic/winit"]
+wayland-libcosmic = ["libcosmic", "libcosmic/wayland"]
+winit-libcosmic = ["libcosmic", "libcosmic/winit"]
 libcosmic = ["dep:libcosmic"]
 
 [workspace]
-members = [
-    "examples/*"
-]
+members = ["examples/*"]
 
 [dependencies]
-iced = { git = "https://github.com/iced-rs/iced", rev = "5540ac0", features = ["tokio"], optional = true }
+iced = { git = "https://github.com/iced-rs/iced", rev = "5540ac0", features = [
+    "tokio",
+], optional = true }
 iced_runtime = { git = "https://github.com/iced-rs/iced", rev = "5540ac0", optional = true }
 iced_widget = { git = "https://github.com/iced-rs/iced", rev = "5540ac0", optional = true }
 iced_futures = { git = "https://github.com/iced-rs/iced", rev = "5540ac0", optional = true }
 iced_core = { git = "https://github.com/iced-rs/iced", rev = "5540ac0", optional = true }
 iced_style = { git = "https://github.com/iced-rs/iced", rev = "5540ac0", optional = true }
-libcosmic = { git = "https://github.com/pop-os/libcosmic/", default-features = false, features = [ "tokio" ], optional = true }
+libcosmic = { git = "https://github.com/pop-os/libcosmic/", default-features = false, features = [
+    "tokio",
+], optional = true }
 once_cell = { version = "1.18.0", optional = true }
 float-cmp = "0.9"
 
+# [patch.'https://github.com/pop-os/libcosmic']
+# libcosmic = { path = "../libcosmic" }
+# cosmic-config = { path = "../libcosmic/cosmic-config" }
+# cosmic-theme = { path = "../libcosmic/cosmic-theme" }

src/widget/cosmic_toggler.rs

@@ -200,7 +200,7 @@
                     layout::Node::new(iced_core::Size::ZERO)
                 }
             },
-            |_| layout::Node::new(iced_core::Size::new(2.0 * self.size, self.size)),
+            |_| layout::Node::new(Size::new(48., 24.)),
         )
     }
 
@@ -265,11 +265,11 @@
         viewport: &Rectangle,
     ) {
         /// Makes sure that the border radius of the toggler looks good at every size.
         const BORDER_RADIUS_RATIO: f32 = 32.0 / 13.0;
 
         /// The space ratio between the background Quad and the Toggler bounds, and
         /// between the background Quad and foreground Quad.
         const SPACE_RATIO: f32 = 0.05;
 
         let mut children = layout.children();
 
@@ -305,50 +305,48 @@
             )
         };
 
-        let border_radius = bounds.height / BORDER_RADIUS_RATIO;
-        let space = SPACE_RATIO * bounds.height;
+        let space = style.handle_margin;
 
         let toggler_background_bounds = Rectangle {
-            x: bounds.x + space,
-            y: bounds.y + space,
-            width: bounds.width - (2.0 * space),
-            height: bounds.height - (2.0 * space),
+            x: bounds.x,
+            y: bounds.y,
+            width: bounds.width,
+            height: bounds.height,
         };
 
         renderer.fill_quad(
             renderer::Quad {
                 bounds: toggler_background_bounds,
                 border: Border {
-                    width: 1.0,
-                    color: style.background_border.unwrap_or(style.background),
-                    radius: border_radius.into(),
+                    radius: style.border_radius,
+                    ..Default::default()
                 },
-                shadow: Default::default(),
+                ..renderer::Quad::default()
             },
             style.background,
         );
 
         let toggler_foreground_bounds = Rectangle {
             x: bounds.x
                 + lerp(
-                    2.0 * space,
-                    bounds.width - 2.0 * space - (bounds.height - (4.0 * space)),
+                    space,
+                    bounds.width - space - (bounds.height - (2.0 * space)),
                     self.percent,
                 ),
-            y: bounds.y + (2.0 * space),
-            width: bounds.height - (4.0 * space),
-            height: bounds.height - (4.0 * space),
+
+            y: bounds.y + space,
+            width: bounds.height - (2.0 * space),
+            height: bounds.height - (2.0 * space),
         };
 
         renderer.fill_quad(
             renderer::Quad {
                 bounds: toggler_foreground_bounds,
                 border: Border {
-                    width: 1.0,
-                    color: style.foreground_border.unwrap_or(style.foreground),
-                    radius: border_radius.into(),
+                    radius: style.handle_radius,
+                    ..Default::default()
                 },
-                shadow: Default::default(),
+                ..renderer::Quad::default()
             },
             style.foreground,
         );