feedback

tjcsl · May 9, 2024 · 63b0afd · 63b0afd
1 parent 6eb929b
commit 63b0afd
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 10 deletions.
diff --git a/tin/apps/assignments/forms.py b/tin/apps/assignments/forms.py
@@ -30,6 +30,9 @@ def __init__(self, course, *args, **kwargs):
                 "issues."
             )
 
+        # prevent description from getting too bix
+        self.fields["description"].widget.attrs.update({"id": "description"})
+
     def get_sections(self) -> Iterable[Dict[str, str | Tuple[str, ...] | bool]]:
         for section in self.Meta.sections:
             if section["name"]:

diff --git a/tin/static/css/edit.css b/tin/static/css/edit.css
@@ -3,7 +3,8 @@
   color: white;
   cursor: pointer;
   padding: 18px;
-  width: 100%;
+  max-width: 90%;
+  width: 90%;
   border: none;
   border-radius: 10px;
   text-align: center;
@@ -19,7 +20,9 @@
 
 .content {
   display: none;
-  padding: 18px 18px;
+  max-width: 90%;
+  width: 90%;
+  padding-top: 18px;
   overflow: hidden;
   background-color: #F2F2F4;
   border-radius: 10px;
@@ -63,15 +66,22 @@
   float: left;
 }
 
+/* Style the description box */
+#description {
+  max-width: 90%;
+  width: 90%;
+  height: 300px;
+}
+
 @media (max-width: 900.02px) {
 
   .right-col {
-    width: 100%;
+    width: 90%;
     float: left;
   }
 
   #required {
-    width: 100%;
+    width: 90%;
     float: left;
     padding-bottom: 20px;
   }
@@ -80,12 +90,13 @@
 .field {
   display: flex;
   flex-direction: row;
-  width: 100%;
+  width: 90%;
   padding-bottom: 15px;
 }
 
 .tag {
   width: 30%;
+  padding: 18px;
 }
 
 .field-input {

diff --git a/tin/templates/assignments/edit_create.html b/tin/templates/assignments/edit_create.html
@@ -26,13 +26,13 @@
   </style>
   <script>
     $(document).ready(function () {
-      var coll = $('.collapsible');
-      var i;
+      const coll = $('.collapsible');
+      let i;
 
       for (i = 0; i < coll.length; i++) {
         coll[i].addEventListener("click", function() {
           this.classList.toggle("active");
-          var content = this.nextElementSibling;
+          const content = this.nextElementSibling;
           content.classList.toggle("block");
         });
       }
@@ -70,6 +70,7 @@ <h3 class="errors">Please correct the errors below.</h3>
             <span class="field-input">{{ field }}{% if field.help_text %}<br>{{ field.help_text }}{% endif %}</span>
           </div>
         {% endfor %}
+        <br>
         {% if action == "add" %}
           <div>Note: You'll be able to upload a grader script after you create the assignment.</div>
         {% else %}
@@ -83,8 +84,8 @@ <h3 class="errors">Please correct the errors below.</h3>
 
       <div class="right-col">
         {% for category in assignment_form.get_sections %}
-          <button type="button" class="collapsible {% if not category.collapsed %} active {% endif %}">{{ category.name }}</button>
-          <div class="content {% if not category.collapsed %} block {% endif %}">
+          <button type="button" class="collapsible {% if not category.collapsed %}active{% endif %}">{{ category.name }}</button>
+          <div class="content {% if not category.collapsed %}block{% endif %}">
             {% if category.description %}
               <span style="font-size:20px">{{ category.description }}</span>
               <br><br>