From mboxrd@z Thu Jan 1 00:00:00 1970 Return-Path: Received: from firstgate.proxmox.com (firstgate.proxmox.com [212.224.123.68]) by lore.proxmox.com (Postfix) with ESMTPS id 38EB11FF191 for ; Tue, 23 Sep 2025 15:14:33 +0200 (CEST) Received: from firstgate.proxmox.com (localhost [127.0.0.1]) by firstgate.proxmox.com (Proxmox) with ESMTP id 984F6F679; Tue, 23 Sep 2025 15:15:03 +0200 (CEST) From: Dominik Csapak To: yew-devel@lists.proxmox.com Date: Tue, 23 Sep 2025 15:11:30 +0200 Message-ID: <20250923131429.3082622-1-d.csapak@proxmox.com> X-Mailer: git-send-email 2.47.3 MIME-Version: 1.0 X-SPAM-LEVEL: Spam detection results: 0 AWL 0.027 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: [yew-devel] [RFC PATCH yew-widget-toolkit-assets] flip font-awesome icons for rtl text direction X-BeenThere: yew-devel@lists.proxmox.com X-Mailman-Version: 2.1.29 Precedence: list List-Id: Yew framework devel list at Proxmox List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , Reply-To: Yew framework devel list at Proxmox Content-Type: text/plain; charset="us-ascii" Content-Transfer-Encoding: 7bit Errors-To: yew-devel-bounces@lists.proxmox.com Sender: "yew-devel" when using a language that sets the text direction to RTL, font-awesome icons that have left or right in the name are pointing in the wrong direction, so flip them. This happens for example in menus, back button of the material app, list tiles where icons like 'chevron-right' are used, etc. Signed-off-by: Dominik Csapak --- sending as rfc because i'm not sure this is the right approach. alternatively we could create our own classes for every font-awesome class that ends with -left/-right and call them -start/-end and have only them flip in a rtl setting Advantage would be that users could still use the 'left' and 'right' variants if they need/want them. scss/_miscellaneous.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/scss/_miscellaneous.scss b/scss/_miscellaneous.scss index c0dfafe..05dfd61 100644 --- a/scss/_miscellaneous.scss +++ b/scss/_miscellaneous.scss @@ -156,3 +156,11 @@ a:focus-within, a:hover { .pwt-pointer { cursor: pointer; } + +/* rtl inversions of icons */ +.fa[class*="-left"], +.fa[class*="-right"] { + &:dir(rtl) { + transform: scaleX(-1); + } +} -- 2.47.3 _______________________________________________ yew-devel mailing list yew-devel@lists.proxmox.com https://lists.proxmox.com/cgi-bin/mailman/listinfo/yew-devel