Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(spindle-ui): add switch attribute to ToggleSwitch #1114

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

herablog
Copy link
Member

@herablog herablog commented Sep 17, 2024

Safariで<input type="checkbox" switch>が対応されたので、switch属性を追加しました。スタイルはSpindle定義のものを使いたいのでそれ以外の変更はないですが、スクリーンショットの通りroleがswitchになるのでより正確になるかなと思います。属性追加に際して互換性が担保されているためサポートしていないブラウザでは何も起こらないはずです。

サポートブラウザが広がりしだいスタイルも対応できたらと思います。

ref: Safari 17.4 supports <input type="checkbox" switch>

Preview: https://ameba-spindle--pr1114-feat-input-switch-gsn3fmis.web.app/?path=/story/form-toggleswitch--toggle-switch

Before

Screenshot 2024-09-17 at 4 45 42 PM

After

Screenshot 2024-09-17 at 4 45 17 PM

@herablog herablog self-assigned this Sep 17, 2024
Copy link

reg-suit bot commented Sep 17, 2024

reg-suit detected visual differences.

Check this report, and review them.

⚪ New
203
How can I change the check status? If reviewers approve this PR, the reg context status will be green automatically.

Copy link
Contributor

github-actions bot commented Sep 17, 2024

Visit the preview URL for this PR (updated for commit 489304a):

https://ameba-spindle--pr1114-feat-input-switch-gsn3fmis.web.app

(expires Fri, 18 Oct 2024 03:57:37 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: e7521619a2dd5c653490c8246e81ec2a5c8f1435

@herablog herablog force-pushed the feat/input-switch branch 2 times, most recently from f4cc6c8 to 6c46d3e Compare September 17, 2024 10:40
@herablog herablog changed the title [WIP] feat(spindle-ui): add switch attribute to ToggleSwitch feat(spindle-ui): add switch attribute to ToggleSwitch Sep 18, 2024
@herablog herablog marked this pull request as ready for review September 18, 2024 03:59
Copy link
Contributor

@yasuda-shin yasuda-shin left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

いけいけですね🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants