feat: replace checkboxes with Switch component for better UI consistency
- Updated DoctorDetailPage, MySecretariesPage, RecordNumberSettingsPage, RepresentationsPage, ResourcePoolsPage, ResourceTypesPage, SecretariesPage, SecretaryDetailPage, SettingsPage, SkillsPage, SmsWalletPage, and TagsSettingsPage to use the new Switch component instead of native checkboxes. - Enhanced accessibility by ensuring the Switch component uses appropriate roles and labels. - Added tests for the new Switch component to ensure functionality and accessibility compliance. - Updated styles to accommodate the new Switch component design.
This commit is contained in:
@@ -997,8 +997,10 @@ html, body { max-width: 100%; overflow-x: hidden; }
|
||||
.wh-time .lbl { font-size: 11.5px; color: var(--text-3); flex-shrink: 0; }
|
||||
.wh-time input { font-size: 13.5px; }
|
||||
/* چکباکس خام ~۱۳px است و زیر حداقلِ ارتفاعِ لمسی میافتد. */
|
||||
/* «تا پایان روز» حالا سوییچ است، نه چکباکس. قاعدهٔ ابعادِ input برداشته شد چون
|
||||
بعد از `.switch input` در فایل میآمد و با همان specificity آن را بازنویسی
|
||||
میکرد — سوییچ به یک مربع ۱۷px تبدیل میشد. */
|
||||
.wh-eod { display: flex; align-items: center; gap: 6px; min-height: 32px; font-size: 12.5px; color: var(--text-2); cursor: pointer; }
|
||||
.wh-eod input { width: 17px; height: 17px; accent-color: var(--primary); cursor: pointer; }
|
||||
|
||||
@media (max-width: 720px) {
|
||||
.wh-day { grid-template-columns: minmax(0, 1fr); gap: 8px; }
|
||||
|
||||
Reference in New Issue
Block a user