changed the [TA My Teams] slider to look more android like

Lunatic-Labs · Jan 31, 2025 · ffca0f3 · ffca0f3
1 parent 95cad14
commit ffca0f3
Showing 1 changed file with 17 additions and 1 deletion.
diff --git a/FrontEndReact/src/View/Admin/View/CompleteAssessmentTask/Form.js b/FrontEndReact/src/View/Admin/View/CompleteAssessmentTask/Form.js
@@ -336,6 +336,7 @@ class Form extends Component {
         this.shouldTabsCategoriesRender = (renderObject) => {
             const {hideUnits, consistentValidUnit} = this.state;
             const tabToDefualtTo = consistentValidUnit !== null;
+            // {hideUnits} holds precedence.
             return (
                 ( (hideUnits && tabToDefualtTo) || (!hideUnits) )
                 && renderObject 
@@ -389,7 +390,22 @@ class Form extends Component {
                                 control={
                                     <Switch 
                                         checked={this.state.hideUnits}
-                                        onChange={(event) => this.hideTabs(event)} 
+                                        onChange={(event) => this.hideTabs(event)}
+                                        sx={{
+                                            '& .MuiSwitch-track': {
+                                                width: '2.6rem',
+                                                height: '1.2rem', 
+                                                borderRadius: '0.6rem', 
+                                            },
+                                            '& .MuiSwitch-thumb': {
+                                                width: '1rem',
+                                                height: '1rem',
+                                                margin: '0.1rem',
+                                            },
+                                            '& .MuiSwitch-switchBase': {
+                                                 top: '0.17rem',
+                                            },
+                                        }}  
                                     />
                                 } 
                                 label={"MY TEAMS"}