Yehowshua/ZIm
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Draw indent guides using indent_level

Browse source 
Co-Authored-By: Julia <30666851+ForLoveOfCats@users.noreply.github.com>
This commit is contained in:
Nate Butler 2023-09-19 12:38:46 -04:00
parent 3a9f5d6ddc
commit 65aa4d5642
1 changed files with 14 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

15
crates/storybook/src/ui/component/list_item.rs
View file

@ -55,11 +55,24 @@ impl ListItem {
.fill(theme.middle.base.hovered.background) .fill(theme.middle.base.hovered.background)
.active() .active()
.fill(theme.middle.base.pressed.background) .fill(theme.middle.base.pressed.background)
.relative()
.child( .child(
div() div()
.h_7() .h_7()
.px_2() .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() .flex()
.gap_2() .gap_2()
.items_center() .items_center()