Add background to copyright text in http_cats

to make it more readable and to demonstrate more use cases of sized_box.
linebender · Nov 22, 2024 · bac2180 · bac2180
1 parent 6b75fb0
commit bac2180
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/xilem/examples/http_cats.rs b/xilem/examples/http_cats.rs
@@ -10,7 +10,7 @@
 
 use std::sync::Arc;
 
-use masonry::widget::Alignment;
+use masonry::widget::{Alignment, LineBreaking};
 use vello::peniko::{Blob, Image};
 use winit::dpi::LogicalSize;
 use winit::error::EventLoopError;
@@ -200,9 +200,18 @@ impl Status {
             FlexSpacer::Fixed(10.),
             zstack((
                 image,
+                sized_box(
+                    sized_box(
+                        prose("Copyright ©️ https://http.cat")
+                            .line_break_mode(LineBreaking::Clip)
+                            .alignment(TextAlignment::End),
+                    )
+                    .padding(4.)
+                    .rounded(4.)
+                    .background(Color::BLACK.multiply_alpha(0.5)),
+                )
                 // HACK: Trailing padding workaround scrollbar covering content
-                sized_box(prose("Copyright ©️ https://http.cat").alignment(TextAlignment::End))
-                    .padding((30., 40., 0., 0.)),
+                .padding((30., 42., 0., 0.)),
             ))
             .alignment(Alignment::TopTrailing),
         ))