css: add `FlexFit` struct

so to use the `pwt-flex-fit` class without having to rely on the bare
css class name.

I did not put it in the `Flex` enum, since it does not only change the
flex value, but also the over flow auto.

It's a shorthand for using Flex::Fill + Overflow::Auto, but since we use
that often, this could come in handy

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>

diff --git a/src/css.rs b/src/css.rs
index ec49df34d1ae4fce5a80538683b58fa07ca894bd..6ba6407981abd47c9ed6361185ac921f2fe41ee5 100644 (file)
--- a/src/css.rs
+++ b/src/css.rs
@@ -623,3 +623,33 @@ impl From<Shadow> for Classes {
         format!("pwt-shadow{}", value.0).into()
     }
 }
+
+/// CSS utility type to use the pwt-flex-fit class
+///
+/// ```
+/// # use pwt::prelude::*;
+/// # use pwt::widget::Container;
+/// use pwt::css::*;
+/// Container::new()
+///    .class(FlexFit)
+/// # ;
+/// ```
+///
+/// This is equivalent to:
+///
+/// ```
+/// # use pwt::prelude::*;
+/// # use pwt::widget::Container;
+/// use pwt::css::*;
+/// Container::new()
+///    .class(Flex::Fill)
+///    .class(Overflow::Auto)
+/// # ;
+/// ```
+///
+pub struct FlexFit;
+impl From<FlexFit> for Classes {
+    fn from(_value: FlexFit) -> Self {
+        "pwt-flex-fit".into()
+    }
+}