remote: Polish for connection progress & error dialogs (#19379)

Before/after:

![err1-before](https://github.com/user-attachments/assets/43d959b3-c9d9-45dd-938e-42d34ec1cfc5)

![err1-after](https://github.com/user-attachments/assets/311d53e0-752c-4eb8-9816-64b1970c228d)

Before/after (I feel like text-wrapping would be more useful than
text-ellipsis here, but I don't see any wrap function):

![err2-before](https://github.com/user-attachments/assets/1626cda9-bf06-43fe-9b7d-3ec64f4db08a)

![err2-after](https://github.com/user-attachments/assets/749a6950-1409-4e75-808e-a1a96dbfc87e)

Before/after:

![prog-before](https://github.com/user-attachments/assets/f5f5a171-db42-4797-bab0-ad71c750bb20)

![prog-after](https://github.com/user-attachments/assets/b52a7694-36f6-4f7a-8a90-ceb223f12ec1)

Release Notes:

- N/A
This commit is contained in:
Shish 2024-10-18 18:09:52 +01:00 committed by GitHub
parent 34b8655bf6
commit 2db9090a2f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 10 additions and 6 deletions

View file

@ -175,7 +175,7 @@ impl Render for SshPrompt {
.child(
h_flex()
.p_2()
.flex_wrap()
.flex()
.child(if self.error_message.is_some() {
Icon::new(IconName::XCircle)
.size(IconSize::Medium)
@ -195,6 +195,7 @@ impl Render for SshPrompt {
})
.child(
div()
.ml_1()
.text_ellipsis()
.overflow_x_hidden()
.when_some(self.error_message.as_ref(), |el, error| {
@ -205,7 +206,7 @@ impl Render for SshPrompt {
|el| {
el.child(
Label::new(format!(
"{}…",
"{}…",
self.status_message.clone().unwrap()
))
.size(LabelSize::Small),