Merge pull request #118 from JumboCode/60-will

hkittelberger · web-flow · commit 37671addf9ec · 2025-04-21T14:44:46.000-04:00
toggle circle now white when in data input mode
diff --git a/frontend/src/app/components/SettingsPage.css b/frontend/src/app/components/SettingsPage.css
@@ -360,12 +360,13 @@ h1 {
 
 /* When Checkbox is Checked */
 input:checked + .slider {
-    background-color: #9A525F; /* Change to desired active color */
+    background-color: #9A525F;
 }
 
 /* Move Toggle Circle to Right */
 input:checked + .slider:before {
     transform: translateX(18px);
+    background-color: #ffffff;
 }
 
 /* Fixes Toggle Switch Size */

Original file line number	Diff line number	Diff line change
`@@ -360,12 +360,13 @@ h1 {`
`360`	`360`
`361`	`361`	`/* When Checkbox is Checked */`
`362`	`362`	`input:checked + .slider {`
`363`		`- background-color: #9A525F; /* Change to desired active color */`
	`363`	`+ background-color: #9A525F;`
`364`	`364`	`}`
`365`	`365`
`366`	`366`	`/* Move Toggle Circle to Right */`
`367`	`367`	`input:checked + .slider:before {`
`368`	`368`	`transform: translateX(18px);`
	`369`	`+ background-color: #ffffff;`
`369`	`370`	`}`
`370`	`371`
`371`	`372`	`/* Fixes Toggle Switch Size */`