[6.x]: Checkmark in an enabled lightswitch looks slightly up and to the left of center (minor, cosmetic)
メンテナーはふだん 1 日以内に返信
@brianjhanson がすでに取り組んでいます。
2026年10月26日 から。
評価
この issue はまだ評価されていません。
説明
What happened?
Description
Very minor cosmetic issue. The checkmark inside the thumb of an enabled lightswitch is centered by its bounding box. A check carries its visual weight in the long upper-right stroke, so it looks about half a pixel too far up and to the left.
Spotting this "flaw" is borderline OCD on my part, but, as the saying goes, "once you see it..."
Steps to reproduce
- Open any screen with a lightswitch, e.g. an entry edit page.
- Turn a lightswitch on.
- Look closely at the checkmark in the thumb. It is easiest to see zoomed in, on the small and default sizes.
Expected behavior
The checkmark looks centered in the thumb.
Actual behavior
The mark sits at the geometric center of the thumb, but looks slightly high and to the left.
Before / after screenshots:
Suggested nudge
--_checkmark-offset in the checked :after rule of craft-switch-button centers the mark's bounding box:
(var(--c-switch-thumb-height) - var(--_checkmark-size)) / 2 - 1px
Adding a small optical correction to that value fixes it by eye:
(var(--c-switch-thumb-height) - var(--_checkmark-size)) / 2 - 1px + 0.04em
Both inset-block-start and inset-inline-start read the same property, so the mark moves right and down together, and RTL follows inset-inline-start with no extra rule.
0.04em is about 0.55px at 14px text. I used em because a share of the mark's size gave small switches a sub-pixel shift that was invisible. The optical error comes from the shape of the check, so it is about the same on both switch sizes.
Version: craftcms/cms 6.x-dev @ 16a41b5e99, Chrome. Checked on the small and default switch sizes. Not checked in RTL or in Firefox/Safari.
Craft CMS version
6.x-dev @ 16a41b5e99
PHP version
No response
Operating system and version
No response
Database type and version
No response
Image driver and version
No response
Installed plugins and versions
- 主要言語
- PHP
- スター
- 3.6k
- フォーク
- 710
- 平均マージ
- 11時間 15分
- マージ済み PR（30日）
- 277
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートなし
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
craftcms/cms のほかの issue
-
[5.x]: Closing an element selector modal while it loads makes it load every element in the background対応中かも @1070rik が 1 日前に担当しました。 オープンrepo:cms
難易度 2/5 1〜3時間 初心者へのやさしさ 1/100
craftcms/cms#20100 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
-
[6.x]: A long link in a card's body overflows the text column and runs under the thumbnail対応中かも @brianjhanson が 1 日前に担当しました。 オープンbug repo:cms
craftcms/cms#20098 · コメント 1 件 · 担当者 1 名 ·
メンテナーはふだん 1 日以内に返信
-
bug repo:cms
難易度 3/5 1〜2日 初心者へのやさしさ 58/100
craftcms/cms#20097 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
-
[5.x]: Passkeys registered with webauthn-lib v4 still fail with an uncaught InvalidUserHandleException (HTTP 500) after the #19530 fix対応中かも @i-just が 6 日前に担当しました。 オープンrepo:cms
難易度 4/5 3〜5日 初心者へのやさしさ 45/100
craftcms/cms#20052 · コメント 1 件 · 担当者 1 名 ·
メンテナーはふだん 1 日以内に返信
-
[6.x]: Colored chips: link blue has low contrast on tinted backgrounds対応中かも @brandonkelly が 12 日前に担当しました。 オープンbug repo:cms
craftcms/cms#19984 · コメント 3 件 · 担当者 1 名 ·
メンテナーはふだん 1 日以内に返信
似ている issue
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
MagnaCapax/PMSS#1206 ·
メンテナーはふだん 3 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
メンテナーはふだん 1 日以内に返信
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
メンテナーはふだん 1 日以内に返信
-
難易度 1/5 1時間未満 初心者へのやさしさ 88/100
backdrop-contrib/print#58 ·
-
Bug Status: Needs Triage
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
メンテナーはふだん 1 日以内に返信