guise/flex/
stack.rs

1//! `Stack` and `Positioned` — Flutter's overlap layout.
2
3use crate::devtools::Probed;
4use gpui::prelude::*;
5use gpui::{div, px, AnyElement, App, IntoElement, Window};
6
7/// Overlays children on top of one another. Flutter's `Stack`.
8///
9/// The first child sits in normal flow and defines the size; wrap later
10/// children in [`Positioned`] to place them as overlays.
11#[derive(IntoElement)]
12pub struct Stack {
13    children: Vec<AnyElement>,
14}
15
16impl Stack {
17    pub fn new() -> Self {
18        Stack {
19            children: Vec::new(),
20        }
21    }
22}
23
24impl Default for Stack {
25    fn default() -> Self {
26        Stack::new()
27    }
28}
29
30impl ParentElement for Stack {
31    fn extend(&mut self, elements: impl IntoIterator<Item = AnyElement>) {
32        self.children.extend(elements);
33    }
34}
35
36impl RenderOnce for Stack {
37    fn render(self, _window: &mut Window, _cx: &mut App) -> impl IntoElement {
38        div().relative().children(self.children).probe("Stack")
39    }
40}
41
42/// Positions a child within a [`Stack`] by edge offsets. Flutter's `Positioned`.
43#[derive(IntoElement)]
44pub struct Positioned {
45    child: AnyElement,
46    top: Option<f32>,
47    right: Option<f32>,
48    bottom: Option<f32>,
49    left: Option<f32>,
50    width: Option<f32>,
51    height: Option<f32>,
52}
53
54impl Positioned {
55    pub fn new(child: impl IntoElement) -> Self {
56        Positioned {
57            child: child.into_any_element(),
58            top: None,
59            right: None,
60            bottom: None,
61            left: None,
62            width: None,
63            height: None,
64        }
65    }
66
67    /// Pins to all four edges (fills the stack).
68    pub fn fill(child: impl IntoElement) -> Self {
69        Positioned::new(child)
70            .top(0.0)
71            .right(0.0)
72            .bottom(0.0)
73            .left(0.0)
74    }
75
76    pub fn top(mut self, value: f32) -> Self {
77        self.top = Some(value);
78        self
79    }
80
81    pub fn right(mut self, value: f32) -> Self {
82        self.right = Some(value);
83        self
84    }
85
86    pub fn bottom(mut self, value: f32) -> Self {
87        self.bottom = Some(value);
88        self
89    }
90
91    pub fn left(mut self, value: f32) -> Self {
92        self.left = Some(value);
93        self
94    }
95
96    pub fn width(mut self, value: f32) -> Self {
97        self.width = Some(value);
98        self
99    }
100
101    pub fn height(mut self, value: f32) -> Self {
102        self.height = Some(value);
103        self
104    }
105}
106
107impl RenderOnce for Positioned {
108    fn render(self, _window: &mut Window, _cx: &mut App) -> impl IntoElement {
109        let mut el = div().absolute();
110        if let Some(v) = self.top {
111            el = el.top(px(v));
112        }
113        if let Some(v) = self.right {
114            el = el.right(px(v));
115        }
116        if let Some(v) = self.bottom {
117            el = el.bottom(px(v));
118        }
119        if let Some(v) = self.left {
120            el = el.left(px(v));
121        }
122        if let Some(v) = self.width {
123            el = el.w(px(v));
124        }
125        if let Some(v) = self.height {
126            el = el.h(px(v));
127        }
128        el.child(self.child).probe("Positioned")
129    }
130}
guise/flex/stack.rs

guise/flex/
stack.rs
