zed-industries/zed
1
1
Fork 0
mirror of https://github.com/zed-industries/zed.git synced 2024-11-08 07:35:01 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix unaligned close button in tab bar

Browse Source 
Co-authored-by: Marshall <marshall@zed.dev>
This commit is contained in:
Thorsten Ball 2024-01-15 18:11:01 +01:00
parent 90f4c70a82
commit b9be2147e8
5 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
crates/assistant/src/assistant_panel.rs
View File

@ -1119,7 +1119,7 @@ impl Render for AssistantPanel {
)
.children(self.active_editor().map(|editor| {
h_flex()
.h(rems(Tab::HEIGHT_IN_REMS))
.h(rems(Tab::CONTAINER_HEIGHT_IN_REMS))
.flex_1()
.px_2()
.child(Label::new(editor.read(cx).title(cx)).into_element())

2
crates/collab_ui/src/chat_panel.rs
View File

@ -523,7 +523,7 @@ impl Render for ChatPanel {
TabBar::new("chat_header").child(
h_flex()
.w_full()
.h(rems(ui::Tab::HEIGHT_IN_REMS))
.h(rems(ui::Tab::CONTAINER_HEIGHT_IN_REMS))
.px_2()
.child(Label::new(
self.active_chat

2
crates/collab_ui/src/notification_panel.rs
View File

@ -549,7 +549,7 @@ impl Render for NotificationPanel {
.px_2()
.py_1()
// Match the height of the tab bar so they line up.
.h(rems(ui::Tab::HEIGHT_IN_REMS))
.h(rems(ui::Tab::CONTAINER_HEIGHT_IN_REMS))
.border_b_1()
.border_color(cx.theme().colors().border)
.child(Label::new("Notifications"))

8
crates/ui/src/components/tab.rs
View File

@ -48,7 +48,9 @@ impl Tab {
}
}
pub const HEIGHT_IN_REMS: f32 = 30. / 16.;
pub const CONTAINER_HEIGHT_IN_REMS: f32 = 29. / 16.;
const CONTENT_HEIGHT_IN_REMS: f32 = 28. / 16.;
pub fn position(mut self, position: TabPosition) -> Self {
self.position = position;
@ -111,7 +113,7 @@ impl RenderOnce for Tab {
};
self.div
.h(rems(Self::HEIGHT_IN_REMS))
.h(rems(Self::CONTAINER_HEIGHT_IN_REMS))
.bg(tab_bg)
.border_color(cx.theme().colors().border)
.map(|this| match self.position {
@ -138,7 +140,7 @@ impl RenderOnce for Tab {
h_flex()
.group("")
.relative()
.h_full()
.h(rems(Self::CONTENT_HEIGHT_IN_REMS))
.px_5()
.gap_1()
.text_color(text_color)

2
crates/ui/src/components/tab_bar.rs
View File

@ -90,7 +90,7 @@ impl ParentElement for TabBar {
impl RenderOnce for TabBar {
fn render(self, cx: &mut WindowContext) -> impl IntoElement {
const HEIGHT_IN_REMS: f32 = 30. / 16.;
const HEIGHT_IN_REMS: f32 = 29. / 16.;
div()
.id(self.id)