Removing Github Classroom link from cohort UI

stevebrownlee · Oct 24, 2024 · 5e87ab8 · 5e87ab8
1 parent f74c1e9
commit 5e87ab8
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 36 deletions.
diff --git a/src/components/auth/Auth.css b/src/components/auth/Auth.css
@@ -14,30 +14,7 @@
     display: inline-block;
 }
 
-.form-control {
-    display: block;
-    width: 94%;
-    height: calc(1.5em + .75rem + 2px);
-    padding: .25rem .5rem;
-    font-size: 0.9rem;
-    font-weight: 400;
-    line-height: 1.5;
-    color: #495057;
-    background-color: #fff;
-    background-clip: padding-box;
-    border: 1px solid #ced4da;
-    border-radius: .25rem;
-    -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-}
 
-.form-control--small {
-    height: calc(1.5em + .5rem);
-    padding: .2rem .4rem;
-    font-size: 0.8rem;
-    font-weight: 400;
-    line-height: 1.25;
-}
 
 .container--login {
     text-align: center;

diff --git a/src/components/cohorts/Cohort.css b/src/components/cohorts/Cohort.css
@@ -94,15 +94,16 @@
 
 .cohort__links {
     display: grid;
-    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-columns: 1fr 1fr;
     padding: 0 0 1rem 0;
     font-size: 0.75rem;
+    justify-items: center;
 }
 
 @media (max-width: 1000px) {
     .cohort__links {
         display: grid;
-        grid-template-rows: 1fr 1fr 1fr;
+        grid-template-rows: 1fr 1fr;
         padding: 0 0 1rem 0;
         font-size: 0.75rem;
     }

diff --git a/src/components/cohorts/Cohort.js b/src/components/cohorts/Cohort.js
@@ -84,8 +84,7 @@ export const Cohort = ({ cohort, getRecentCohorts }) => {
         </div>
 
         <div className="cohort__links">
-            <a href={cohort.github_classroom_url} target="_blank">Classroom</a>
-            <a href={cohort.student_organization_url} target="_blank">Github</a>
+            <a href={cohort.student_organization_url} target="_blank">Github Org</a>
             <a href={cohort.attendance_sheet_url} target="_blank">Attendance</a>
         </div>
 

diff --git a/src/components/cohorts/CohortDetails.js b/src/components/cohorts/CohortDetails.js
@@ -121,15 +121,6 @@ export const CohortDetails = () => {
                                     />
                                 </div>
 
-                                <div className="form-group form-group--row">
-                                    <label className="label--smallrow" htmlFor="github_classroom_url">Github Classroom</label>
-                                    <input onChange={updateState}
-                                        value={info.github_classroom_url ?? ""}
-                                        type="url" controltype="string"
-                                        id="github_classroom_url" className="form-control form-control--row form-control--small"
-                                    />
-                                </div>
-
                                 <div className="form-group form-group--row">
                                     <label className="label--smallrow" htmlFor="student_organization_url">Github Organization</label>
                                     <input onChange={updateState}

diff --git a/src/index.css b/src/index.css
@@ -183,6 +183,16 @@ dialog {
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 }
 
+.form-control--small {
+    padding-left: 0.4rem;
+    padding-top: 0.2rem;
+    padding-bottom: 0.2rem;
+    padding-right: 0.4rem;
+    height: calc(1.5em + .5rem);
+    font-size: 0.8rem;
+    line-height: 1.25;
+}
+
 .form-control--row {
     flex: 3
 }