[yew-devel] [PATCH yew-widget-toolkit v2 08/12] touch: scaffold: use direction independent positioning for the FAB
Dominik Csapak
d.csapak at proxmox.com
Mon Jun 30 10:25:05 CEST 2025
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 at 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
More information about the yew-devel
mailing list