From mboxrd@z Thu Jan 1 00:00:00 1970 Return-Path: Received: from firstgate.proxmox.com (firstgate.proxmox.com [IPv6:2a01:7e0:0:424::9]) by lore.proxmox.com (Postfix) with ESMTPS id 782331FF184 for ; Thu, 4 Dec 2025 15:24:33 +0100 (CET) Received: from firstgate.proxmox.com (localhost [127.0.0.1]) by firstgate.proxmox.com (Proxmox) with ESMTP id 8ED4F181E; Thu, 4 Dec 2025 15:24:56 +0100 (CET) From: Dominik Csapak To: pdm-devel@lists.proxmox.com Date: Thu, 4 Dec 2025 15:20:25 +0100 Message-ID: <20251204142451.2992215-2-d.csapak@proxmox.com> X-Mailer: git-send-email 2.47.3 In-Reply-To: <20251204142451.2992215-1-d.csapak@proxmox.com> References: <20251204142451.2992215-1-d.csapak@proxmox.com> MIME-Version: 1.0 X-SPAM-LEVEL: Spam detection results: 0 AWL 0.030 Adjusted score from AWL reputation of From: address BAYES_00 -1.9 Bayes spam probability is 0 to 1% DMARC_MISSING 0.1 Missing DMARC policy KAM_DMARC_STATUS 0.01 Test Rule for DKIM or SPF Failure with Strict Alignment SPF_HELO_NONE 0.001 SPF: HELO does not publish an SPF Record SPF_PASS -0.001 SPF: sender matches SPF record Subject: [pdm-devel] [PATCH datacenter-manager 1/5] ui: pve: remove overview: allow line-breaks for long lines X-BeenThere: pdm-devel@lists.proxmox.com X-Mailman-Version: 2.1.29 Precedence: list List-Id: Proxmox Datacenter Manager development discussion List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , Reply-To: Proxmox Datacenter Manager development discussion Content-Type: text/plain; charset="us-ascii" Content-Transfer-Encoding: 7bit Errors-To: pdm-devel-bounces@lists.proxmox.com Sender: "pdm-devel" the last two status rows contain longer text than the rest, so it can easily happen that those get too long for the widget and overflow. To allow for the text to wrap (without modifying the StatusRow component itself), wrap the text in a div that allows wrapping and has the right alignment set. Signed-off-by: Dominik Csapak --- ui/src/pve/remote_overview.rs | 58 +++++++++++++++++++++-------------- 1 file changed, 35 insertions(+), 23 deletions(-) diff --git a/ui/src/pve/remote_overview.rs b/ui/src/pve/remote_overview.rs index 2c26e7ed..e4521314 100644 --- a/ui/src/pve/remote_overview.rs +++ b/ui/src/pve/remote_overview.rs @@ -1,14 +1,14 @@ use std::rc::Rc; -use proxmox_yew_comp::Status; +use proxmox_yew_comp::{Status, StatusRow}; use yew::Properties; use proxmox_human_byte::HumanByte; use pwt::{ - css::{AlignItems, FontStyle}, + css::{AlignItems, FontStyle, TextAlign, WhiteSpace}, prelude::*, props::WidgetBuilder, - widget::{error_message, Column, Fa, Panel, Row}, + widget::{error_message, Column, Container, Fa, Panel, Row}, }; use pwt_macros::widget; @@ -253,26 +253,38 @@ impl yew::Component for RemotePanelComp { .with_child(Fa::new("pie-chart")) .with_child(tr!("Allocation")), ) - .with_child(status_row_right_icon( - tr! {"CPU Cores assigned"}, - "fa-cpu", - tr!( - "{0} running / {1} physical ({2} total configured)", - status.guest_cores_running, - status.max_cores, - status.guest_cores, - ), - )) - .with_child(status_row_right_icon( - tr! {"Memory assigned"}, - "fa-memory", - tr!( - "{0} running / {1} physical ({2} total configured)", - HumanByte::from(status.guest_memory_running), - HumanByte::from(status.max_memory), - HumanByte::from(status.guest_memory), - ), - )), + .with_child( + StatusRow::new(tr! {"CPU Cores assigned"}) + .icon_right(true) + .icon_class("fa fa-cpu") + .status( + Container::new() + .with_child(tr!( + "{0} running / {1} physical ({2} total configured)", + status.guest_cores_running, + status.max_cores, + status.guest_cores, + )) + .class(WhiteSpace::Normal) + .class(TextAlign::Right), + ), + ) + .with_child( + StatusRow::new(tr! {"Memory assigned"}) + .icon_right(true) + .icon_class("fa fa-memory") + .status( + Container::new() + .with_child(tr!( + "{0} running / {1} physical ({2} total configured)", + HumanByte::from(status.guest_memory_running), + HumanByte::from(status.max_memory), + HumanByte::from(status.guest_memory), + )) + .class(WhiteSpace::Normal) + .class(TextAlign::Right), + ), + ), }; Panel::new() -- 2.47.3 _______________________________________________ pdm-devel mailing list pdm-devel@lists.proxmox.com https://lists.proxmox.com/cgi-bin/mailman/listinfo/pdm-devel