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

plot(tooltip): Fix the dots not centered (#1229)

Browse source
This commit is contained in:
Floyd Wang 2025-09-09 18:01:01 +08:00 committed by GitHub
parent e1dede93b4
commit ab98e53a5a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 25 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
crates/ui/src/plot/tooltip.rs
View file

@ -145,16 +145,19 @@ impl Dot {
impl RenderOnce for Dot {
fn render(self, _: &mut Window, _: &mut App) -> impl IntoElement {
let border_width = px(1.);
let offset = self.size / 2. - border_width / 2.;
div()
.absolute()
.w(self.size)
.h(self.size)
.rounded_full()
.border_1()
.border(border_width)
.border_color(self.stroke)
.bg(self.fill)
.left(self.point.x - self.size / 2.)
.top(self.point.y - self.size / 2.)
.left(self.point.x - offset)
.top(self.point.y - offset)
}
}
@ -264,21 +267,25 @@ impl RenderOnce for Tooltip {
.left_0()
.when_some(self.cross_line, |this, cross_line| this.child(cross_line))
.when_some(self.dots, |this, dots| this.children(dots))
.child(self.base.when(self.appearance, |this| {
this.absolute()
.min_w(px(168.))
.p_2()
.border_1()
.border_color(cx.theme().border)
.rounded_sm()
.bg(cx.theme().background.opacity(0.9))
.when_some(self.position, |this, position| {
if position == TooltipPosition::Left {
this.left(self.gap)
} else {
this.right(self.gap)
}
})
.child(self.base.map(|this| {
if self.appearance {
this.absolute()
.min_w(px(168.))
.p_2()
.border_1()
.border_color(cx.theme().border)
.rounded_sm()
.bg(cx.theme().background.opacity(0.9))
.when_some(self.position, |this, position| {
if position == TooltipPosition::Left {
this.left(self.gap)
} else {
this.right(self.gap)
}
})
} else {
this.size_full().relative()
}
}))
}
}