From: Charles Connell <charles@connells.org>
Date: Mon, 21 Apr 2014 03:35:12 +0000 (-0400)
Subject: Note upload on mobile
X-Git-Tag: release-20150131~137
X-Git-Url: https://git.librecmc.org/?a=commitdiff_plain;h=0ec787b9ad4412ce75ec6983a6a746f7382303aa;p=oweals%2Fkarmaworld.git

Note upload on mobile
---

diff --git a/karmaworld/assets/css/note_course_pages.css b/karmaworld/assets/css/note_course_pages.css
index 1ae6d2d..1d2f98e 100644
--- a/karmaworld/assets/css/note_course_pages.css
+++ b/karmaworld/assets/css/note_course_pages.css
@@ -111,6 +111,15 @@ div.header-title-row {
   cursor: pointer;
 }
 
+button.add-note-btn {
+  width: 100%;
+}
+
+.note-upload-remove-button {
+  margin-bottom: 10px;
+  cursor: pointer;
+}
+
 .keywords-hint {
   font-size: 0.8em;
 }
diff --git a/karmaworld/templates/courses/course_detail.html b/karmaworld/templates/courses/course_detail.html
index c00fec2..b7ad712 100644
--- a/karmaworld/templates/courses/course_detail.html
+++ b/karmaworld/templates/courses/course_detail.html
@@ -155,7 +155,7 @@
     {% endif %}
 
     <div id="note-search-bar" class="row">
-      <div class="large-2 columns show-for-large-up">
+      <div class="small-12 large-2 columns">
         {{ file_upload_form.fp_file }}
       </div>
       <div class="small-12 large-6 columns">
diff --git a/karmaworld/templates/partial/filepicker.html b/karmaworld/templates/partial/filepicker.html
index 72278ef..3183ac8 100644
--- a/karmaworld/templates/partial/filepicker.html
+++ b/karmaworld/templates/partial/filepicker.html
@@ -32,9 +32,9 @@
       </div>
     </div>
 
-    <div id="form-template" class="hide">
+    <div id="form-template" class="hide form-template">
       <form class="inline-form" method="POST" action="{% url 'upload_post' %}">
-        <div class="small-11 large-6 columns">
+        <div class="small-12 large-6 columns">
           <label for="id_name">Title of Note <small class="form">* Required</small></label>
           <input type="text" class="intext" id="id_name" name="name"
                 placeholder="">
@@ -44,8 +44,11 @@
           <input type="text" id="id_tags" name="tags" class="taggit-tags"
                 placeholder="shakespeare, econ, physics">
         </div>
-        <div class="show-for-small columns small-1 end">
-          <i class="fa fa-times-circle awesome-action remove"></i>
+        <div class="columns small-12 end hide-for-large-up note-upload-remove-button">
+          <i class="fa fa-times-circle fa-lg awesome-action remove"></i> Remove
+        </div>
+        <div class="columns large-1 end hide-for-medium-down note-upload-remove-button">
+          <i class="fa fa-times-circle fa-lg awesome-action remove"></i>
         </div>
         <div class="hidden-fields" style="display:none;">
           <input type="text" id="id_fpfile" name="fpfile" class="fpurl">
@@ -55,9 +58,6 @@
           {% csrf_token %}
           <input type="text" class="csrf" value='{{ csrf_token }}'>
         </div>
-        <div class="show-for-medium-up columns medium-1 large-1 end">
-          <i class="fa fa-times-circle fa-lg awesome-action remove" id="icon-remove-sign"></i>
-        </div>
       </form>
     </div>
   </div>