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 B10741FF141 for ; Tue, 02 Jun 2026 13:43:56 +0200 (CEST) Received: from firstgate.proxmox.com (localhost [127.0.0.1]) by firstgate.proxmox.com (Proxmox) with ESMTP id 8960011308; Tue, 2 Jun 2026 13:43:56 +0200 (CEST) From: Dominik Csapak To: yew-devel@lists.proxmox.com Subject: [PATCH yew-widget-toolkit 1/2] widget: theme mode selector: add tooltips for the different modes Date: Tue, 2 Jun 2026 13:43:18 +0200 Message-ID: <20260602114323.2258590-1-d.csapak@proxmox.com> X-Mailer: git-send-email 2.47.3 MIME-Version: 1.0 Content-Transfer-Encoding: 8bit X-SPAM-LEVEL: Spam detection results: 0 AWL 0.049 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 Message-ID-Hash: PZNPYOTXNOOQIWOZRTRLA4SHDQKFQFTB X-Message-ID-Hash: PZNPYOTXNOOQIWOZRTRLA4SHDQKFQFTB X-MailFrom: d.csapak@proxmox.com X-Mailman-Rule-Misses: dmarc-mitigation; no-senders; approved; loop; banned-address; emergency; member-moderation; nonmember-moderation; administrivia; implicit-dest; max-recipients; max-size; news-moderation; no-subject; digests; suspicious-header X-Mailman-Version: 3.3.10 Precedence: list List-Id: Yew framework devel list at Proxmox List-Help: List-Owner: List-Post: List-Subscribe: List-Unsubscribe: So it's clear which mode is activated currently. Signed-off-by: Dominik Csapak --- src/widget/theme_mode_selector.rs | 25 +++++++++++++++---------- 1 file changed, 15 insertions(+), 10 deletions(-) diff --git a/src/widget/theme_mode_selector.rs b/src/widget/theme_mode_selector.rs index 78df587..b254108 100644 --- a/src/widget/theme_mode_selector.rs +++ b/src/widget/theme_mode_selector.rs @@ -3,7 +3,7 @@ use std::rc::Rc; use yew::virtual_dom::{Key, VComp, VNode}; use crate::state::{Theme, ThemeMode}; -use crate::widget::Button; +use crate::widget::{Button, Tooltip}; use crate::{impl_class_prop_builder, impl_yew_std_props_builder, prelude::*}; /// Round icon button to select light/dark theme. @@ -78,15 +78,20 @@ impl Component for PwtThemeModeSelector { let onclick = ctx.link().callback(|_| Msg::NextMode); - Button::new_icon(match self.theme { - ThemeMode::System => "fa fa-fw fa-asterisk", - ThemeMode::Dark => "fa fa-fw fa-moon-o", - ThemeMode::Light => "fa fa-fw fa-sun-o", - }) - .class(props.class.clone()) - .class("circle") - .onclick(onclick) - .aria_label("Select Theme Mode") + let (icon, tip) = match self.theme { + ThemeMode::System => ("fa fa-fw fa-asterisk", tr!("System Theme")), + ThemeMode::Dark => ("fa fa-fw fa-moon-o", tr!("Dark Mode")), + ThemeMode::Light => ("fa fa-fw fa-sun-o", tr!("Light Mode")), + }; + + Tooltip::new( + Button::new_icon(icon) + .class(props.class.clone()) + .class("circle") + .onclick(onclick) + .aria_label("Select Theme Mode"), + ) + .tip(tip) .into() } -- 2.47.3