dan/gpui-component
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

slider: Improved bar and thumb position. (#185)

Browse source
This commit is contained in:
Jason Lee 2024-08-29 10:36:47 +08:00 committed by GitHub
parent 9768755eab
commit f7f3fcedf3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
crates/ui/src/slider.rs
View file

@ -107,6 +107,7 @@ impl Slider {
max - (max - min) * relative max - (max - min) * relative
} }
}; };
let value = (value / step).round() * step; let value = (value / step).round() * step;
self.value = value.clamp(self.min, self.max); self.value = value.clamp(self.min, self.max);
@ -137,7 +138,7 @@ impl Slider {
}, },
)) ))
.absolute() .absolute()
.top(px(-4.)) .top(px(-5.))
.left(relative(self.relative_value())) .left(relative(self.relative_value()))
.ml(-px(8.)) .ml(-px(8.))
.size_4() .size_4()
@ -161,12 +162,13 @@ impl Render for Slider {
div() div()
.id("slider") .id("slider")
.on_mouse_down(MouseButton::Left, cx.listener(Self::on_mouse_down)) .on_mouse_down(MouseButton::Left, cx.listener(Self::on_mouse_down))
.py_1() .h_5()
.child( .child(
div() div()
.id("slider-bar") .id("slider-bar")
.relative() .relative()
.w_full() .w_full()
.my_1p5()
.h_1p5() .h_1p5()
.bg(cx.theme().slider_bar.opacity(0.2)) .bg(cx.theme().slider_bar.opacity(0.2))
.active(|this| this.bg(cx.theme().slider_bar.opacity(0.4))) .active(|this| this.bg(cx.theme().slider_bar.opacity(0.4)))