Improve styling of chat messages and channel select

Co-Authored-By: Nathan Sobo <nathan@zed.dev>
This commit is contained in:
Max Brunsfeld
2021-09-01 16:14:51 -07:00
co-authored by Nathan Sobo
parent 985788b855
commit 6821c47e3d
3 changed files with 44 additions and 36 deletions
+26 -22
View File
@@ -172,35 +172,39 @@ impl ChatPanel {
let now = OffsetDateTime::now_utc();
let settings = self.settings.borrow();
let theme = &settings.theme.chat_panel.message;
Flex::column()
.with_child(
Flex::row()
.with_child(
Container::new(
Label::new(
message.sender.github_login.clone(),
theme.sender.text.clone(),
Container::new(
Flex::column()
.with_child(
Flex::row()
.with_child(
Container::new(
Label::new(
message.sender.github_login.clone(),
theme.sender.text.clone(),
)
.boxed(),
)
.with_style(&theme.sender.container)
.boxed(),
)
.with_style(&theme.sender.container)
.boxed(),
)
.with_child(
Container::new(
Label::new(
format_timestamp(message.timestamp, now),
theme.timestamp.text.clone(),
.with_child(
Container::new(
Label::new(
format_timestamp(message.timestamp, now),
theme.timestamp.text.clone(),
)
.boxed(),
)
.with_style(&theme.timestamp.container)
.boxed(),
)
.with_style(&theme.timestamp.container)
.boxed(),
)
.boxed(),
)
.with_child(Text::new(message.body.clone(), theme.body.clone()).boxed())
.boxed()
)
.with_child(Text::new(message.body.clone(), theme.body.clone()).boxed())
.boxed(),
)
.with_style(&theme.container)
.boxed()
}
fn render_input_box(&self) -> ElementBox {
+2
View File
@@ -73,6 +73,8 @@ pub struct ChatPanel {
#[derive(Deserialize)]
pub struct ChatMessage {
#[serde(flatten)]
pub container: ContainerStyle,
pub body: TextStyle,
pub sender: ContainedText,
pub timestamp: ContainedText,