From 65aa4d5642c49992e355f197c02511fbf41b5eaa Mon Sep 17 00:00:00 2001 From: Nate Butler Date: Tue, 19 Sep 2023 12:38:46 -0400 Subject: [PATCH] Draw indent guides using `indent_level` Co-Authored-By: Julia <30666851+ForLoveOfCats@users.noreply.github.com> --- crates/storybook/src/ui/component/list_item.rs | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/crates/storybook/src/ui/component/list_item.rs b/crates/storybook/src/ui/component/list_item.rs index 5f79ff1568..46df86bfa1 100644 --- a/crates/storybook/src/ui/component/list_item.rs +++ b/crates/storybook/src/ui/component/list_item.rs @@ -55,11 +55,24 @@ impl ListItem { .fill(theme.middle.base.hovered.background) .active() .fill(theme.middle.base.pressed.background) + .relative() .child( div() .h_7() .px_2() - .ml(rems(0.75 * self.indent_level as f32)) + // .ml(rems(0.75 * self.indent_level as f32)) + .children((0..self.indent_level).map(|_| { + div().w(rems(0.75)).h_full().flex().justify_center().child( + div() + .w_px() + .h_full() + .fill(theme.middle.base.default.border) + .hover() + .fill(theme.middle.warning.default.border) + .active() + .fill(theme.middle.negative.default.border), + ) + })) .flex() .gap_2() .items_center()