zed-industries/zed
1
1
Fork 0
mirror of https://github.com/zed-industries/zed.git synced 2024-09-19 18:41:56 +03:00
Code Issues Packages Projects Releases Wiki Activity

Align the assistant message headers with the editable message content

Browse Source 
Since the message headers are buttons, we need to shift them relatively to
compensate for the fact that the background is only visible when hovered.
I'm ok with the background not being aligned so long as the unhovered text is.
This commit is contained in:
Nathan Sobo 2024-01-05 17:18:52 -07:00
parent 621c98b886
commit 436a281756
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -29,7 +29,7 @@ use editor::{
use fs::Fs;
use futures::StreamExt;
use gpui::{
canvas, div, point, relative, rems, uniform_list, Action, AnyElement, AppContext,
canvas, div, point, relative, rems, rgba, uniform_list, Action, AnyElement, AppContext,
AsyncWindowContext, AvailableSpace, ClipboardItem, Context, EventEmitter, FocusHandle,
FocusableView, FontStyle, FontWeight, HighlightStyle, InteractiveElement, IntoElement, Model,
ModelContext, ParentElement, Pixels, PromptLevel, Render, SharedString,
@ -2325,12 +2325,16 @@ impl ConversationEditor {
}
});
h_stack()
div()
.h_flex()
.id(("message_header", message_id.0))
.h_11()
.relative()
.gap_1()
.p_1()
.child(sender)
// Sender is a button with a padding of 1, but only has a background on hover,
// so we shift it left by the same amount to align the text with the content
// in the un-hovered state.
.child(div().child(sender).relative().neg_left_1())
// TODO: Only show this if the message if the message has been sent
.child(
Label::new(
@ -2538,7 +2542,7 @@ impl Render for ConversationEditor {
.child(
div()
.size_full()
.pl_2()
.pl_4()
.bg(cx.theme().colors().editor_background)
.child(self.editor.clone()),
)