[yew-devel] [PATCH yew-widget-toolkit v2 08/12] touch: scaffold: use direction independent positioning for the FAB

[Dominik Csapak <d.csapak@proxmox.com>]

inset-inline-end instead of right and
inset-block-end instead of bottom

this ensures that it looks correct in RTL mode

also use the PwtSpace enum instead of manual css styling

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
---
 src/touch/scaffold.rs | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/touch/scaffold.rs b/src/touch/scaffold.rs
index bd271d1..59f0024 100644
--- a/src/touch/scaffold.rs
+++ b/src/touch/scaffold.rs
@@ -5,7 +5,7 @@ use yew::prelude::*;
 use yew::virtual_dom::{Key, VComp, VNode};
 
 use crate::css::FlexFit;
-use crate::props::{ContainerBuilder, WidgetBuilder, WidgetStyleBuilder};
+use crate::props::{ContainerBuilder, PwtSpace, WidgetBuilder, WidgetStyleBuilder};
 use crate::widget::{Column, Container};
 
 use super::NavigationBar;
@@ -101,8 +101,8 @@ impl Component for PwtScaffold {
         let positioned_fab = props.favorite_action_button.clone().map(|fab| {
             Container::new()
                 .class("pwt-position-absolute")
-                .style("right", "var(--pwt-spacer-2)")
-                .style("bottom", "var(--pwt-spacer-2)")
+                .style("inset-inline-end", PwtSpace::Pwt(2))
+                .style("inset-block-end", PwtSpace::Pwt(2))
                 .with_child(fab)
         });
 
-- 
2.39.5



_______________________________________________
yew-devel mailing list
yew-devel@lists.proxmox.com
https://lists.proxmox.com/cgi-bin/mailman/listinfo/yew-devel