wrap play button in aspecframe to keep from weirdly resizing when par…

…ent size increases
13hannes11 · Mar 19, 2024 · 92315c5 · 92315c5
1 parent 7c7f07e
commit 92315c5
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 8 deletions.
diff --git a/src/app.rs b/src/app.rs
@@ -139,6 +139,11 @@ impl Component for App {
         containers.insert("5344".to_string(), 3);
         containers.insert("1242344".to_string(), 3);
         containers.insert("1265464".to_string(), 3);
+        containers.insert(
+            "126222222222222222222222222222222222222222233333333333333333333333333333333325464"
+                .to_string(),
+            3,
+        );
 
         let model = Self {
             about_dialog,

diff --git a/src/factories/container_list.rs b/src/factories/container_list.rs
@@ -33,14 +33,19 @@ impl FactoryComponent for Container {
             #[watch]
             set_title: format!{"{}: {}", self.hash, self.value.to_string()}.as_str(),
 
-            #[name(play_button)]
-            add_prefix = &gtk::Button {
-                // TODO: make component with state that either is waiting, play or pause
-                set_icon_name: icon_names::PLAY,
-                set_margin_top: 10,
-                set_margin_bottom: 10,
-                set_css_classes: &["circular"],
-                connect_clicked => ContainerMsg::Start,
+            add_prefix = &gtk::Box{
+                gtk::AspectFrame{
+                    set_ratio: 1.0,
+                    #[name(play_button)]
+                    gtk::Button {
+                        // TODO: make component with state that either is waiting, play or pause
+                        set_icon_name: icon_names::PLAY,
+                        set_margin_top: 10,
+                        set_margin_bottom: 10,
+                        set_css_classes: &["circular"],
+                        connect_clicked => ContainerMsg::Start,
+                    },
+                },
             },
 
             add_suffix = &gtk::Box{