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 D0C811FF136 for ; Mon, 09 Mar 2026 09:41:34 +0100 (CET) Received: from firstgate.proxmox.com (localhost [127.0.0.1]) by firstgate.proxmox.com (Proxmox) with ESMTP id ACC821CB69; Mon, 9 Mar 2026 09:41:27 +0100 (CET) From: Shannon Sterz To: yew-devel@lists.proxmox.com Subject: [PATCH yew-widget-toolkit-assets] input: align check boxes better in forms Date: Mon, 9 Mar 2026 09:41:21 +0100 Message-ID: <20260309084121.17412-1-s.sterz@proxmox.com> X-Mailer: git-send-email 2.47.3 MIME-Version: 1.0 Content-Transfer-Encoding: 8bit X-Bm-Milter-Handled: 55990f41-d878-4baa-be0a-ee34c49e34d2 X-Bm-Transport-Timestamp: 1773045652006 X-SPAM-LEVEL: Spam detection results: 0 AWL 0.107 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 RCVD_IN_MSPIKE_H2 0.001 Average reputation (+2) 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: VHWVAYACC7OUWQSXB5IZLWIWVPQKQ6MW X-Message-ID-Hash: VHWVAYACC7OUWQSXB5IZLWIWVPQKQ6MW X-MailFrom: s.sterz@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: by applying a negative margin to the left and right sides. this is necessary, as we apply a background-color when the checkbox is, for exampled, hovered. if we just applied the padding to the bottom and top, that background would appear as an oval due to the way `border-radius: 50%` works on non-square elements. the negative margin preserves the square shape of the element while essentially removing the extra space added by the padding property. Signed-off-by: Shannon Sterz --- scss/_input.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/scss/_input.scss b/scss/_input.scss index 293717c..3644043 100644 --- a/scss/_input.scss +++ b/scss/_input.scss @@ -187,7 +187,9 @@ input { @include accent-color-scheme-vars($default-accent-color); display: inline-block; - padding: max(map-get($line-height, "label-large") - map-get($font-size, "label-large"), var(--pwt-spacer-1)); + $pwt-checkbox-state-padding: max(map-get($line-height, "label-large") - map-get($font-size, "label-large"), var(--pwt-spacer-1)); + padding: $pwt-checkbox-state-padding; + margin: auto calc(-1 * $pwt-checkbox-state-padding); border-radius: 50%; transition: background 0.3s; -- 2.47.3