moving the thankyou form to the right place, styling it and hiding it on adding anoth...
authorSeth Woodworth <seth@sethish.com>
Mon, 25 Mar 2013 17:44:40 +0000 (13:44 -0400)
committerSeth Woodworth <seth@sethish.com>
Mon, 25 Mar 2013 17:44:40 +0000 (13:44 -0400)
karmaworld/assets/css/global.css
karmaworld/assets/js/lightboxupload.js
karmaworld/templates/courses/course_detail.html

index a0ddd483e355e0049264d25e033a5b9ab38a02e2..a0a5d7b8822fc57fbb8d198a270015a561dd6c1b 100644 (file)
@@ -710,15 +710,14 @@ p.text a
 
 #thankyou
 {
-  border: 1px solid #8e8e8e;
   margin: 60px 20px;
   padding: 20px;
 }
 
 #thankyou p
 {
-  font-family: "MuseoSlab-500";
-  font-size: 17px;
+  font-family: "MuseoSlab-300";
+  font-size: 22px;
   margin: 0px;
 }
 
index 37775c871fb542386eb68248864374148be05b29..37ccad983171166d8d033f9aa8ff6600fee775ad 100644 (file)
@@ -1,14 +1,10 @@
 $(function(){
 
-  // Show the 'add note' form
-  // first, instantiate the fileuploader on page load
-  // TODO: connect it to the '^ save' form submit
-  // Show the upload lightbox on upload button click
 
   // check if we arrived at this page planning on uploading a note
   if(window.location.hash) {
 
-    // Get the first hasgh, remove the # character
+    // Get the first hash, remove the # character
     var hash = window.location.hash.substring(1);
     if (hash === 'upload-note'){
       $('#add-note-form').show();
@@ -17,6 +13,8 @@ $(function(){
   }
 
   $('#add-note-btn').click(function(){
+    // hide the thankyou message on add-another uploads
+    $('#thankyou-wrapper').hide();
     // show the add note form
     // TODO: rewrite to .show the form with a slide transition
     $('#add-note-form').show();
@@ -26,6 +24,7 @@ $(function(){
     $('#add-note-btn').hide();
   });
 
+
   // Dismiss x click
   $(".icon-remove-circle").click(function() {
     $("#add-note-form").hide();
index 4ac79d76b666ca23de6dfc7cbcd646d1f2d05a4f..04e050cf5ad1289fcd693791b1afc2cfd275b944 100644 (file)
       {% include 'partial/add_note.html' %}
 
       {% if request.GET.thankyou == '' %}
-      <div class="row">
-        <div class="ten columns offset-by-one">
+      <div id=thankyou-wrapper class="row">
+        <div class="eight columns offset-by-two">
           <div id="thankyou">
             <p>
               Thank you for uploading
-              <a href="{{ request.GET.url }}">{{ request.GET.name }}</a>
+              <a href="{{ request.GET.url }}">{{ request.GET.name }}</a>.
               Share another or take a
               <a href="https://docs.google.com/a/finalsclub.org/spreadsheet/viewform?usp=sharing&formkey=dFg1WnI2cUVfckZyYnJpZ0ExQmUxSnc6MQ#gid=0" target="_blank">quick survey</a> to help us make KarmaNotes even better.
             </p>