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

Improve Tooltip style details. (#125)

Browse source
This commit is contained in:
Jason Lee 2024-08-09 10:36:54 +08:00 committed by GitHub
parent 97dd09fbda
commit 2b4ed4f8f6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 12 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
crates/ui/src/tooltip.rs
View file

@ -3,35 +3,33 @@ use gpui::{
VisualContext, WindowContext, VisualContext, WindowContext,
}; };
use crate::{h_flex, theme::ActiveTheme, v_flex, StyledExt}; use crate::{theme::ActiveTheme, StyledExt};
pub struct Tooltip { pub struct Tooltip {
title: SharedString, text: SharedString,
} }
impl Tooltip { impl Tooltip {
pub fn new(title: impl Into<SharedString>, cx: &mut WindowContext) -> AnyView { pub fn new(text: impl Into<SharedString>, cx: &mut WindowContext) -> AnyView {
cx.new_view(|_cx| Self { cx.new_view(|_| Self { text: text.into() }).into()
title: title.into(),
})
.into()
} }
} }
impl Render for Tooltip { impl Render for Tooltip {
fn render(&mut self, cx: &mut ViewContext<Self>) -> impl IntoElement { fn render(&mut self, cx: &mut ViewContext<Self>) -> impl IntoElement {
div().child( div().child(
v_flex() // Wrap in a child, to ensure the left margin is applied to the tooltip
div()
.m_3() .m_3()
.bg(cx.theme().popover) .bg(cx.theme().popover)
.rounded(px(8.))
.border_1()
.border_color(cx.theme().border)
.elevation_2(cx)
.text_color(cx.theme().popover_foreground) .text_color(cx.theme().popover_foreground)
.py_1p5() .elevation_1(cx)
.rounded(px(6.))
.pt_1()
.pb_0p5()
.px_2() .px_2()
.child(h_flex().gap_4().child(self.title.clone())), .text_sm()
.child(self.text.clone()),
) )
} }
} }