Visual fixes to caption modal with new modal__block containers.

DoSomethingArchive · Feb 10, 2015 · 7aba5b2 · 7aba5b2
1 parent 1bec4f7
commit 7aba5b2
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 11 deletions.
diff --git a/lib/themes/dosomething/paraneue_dosomething/scss/content/_modal-crop.scss b/lib/themes/dosomething/paraneue_dosomething/scss/content/_modal-crop.scss
@@ -1,13 +1,14 @@
 .modal--crop {
 
   .heading.-banner {
-    margin: (-$base-spacing) (-$base-spacing) 0px;
+    margin: 0;
   }
 
   .image-editor {
     padding-top: 10px;
 
     .__buttons {
+      padding: 0 $base-spacing;
       text-align: right;
 
       .button {
@@ -45,7 +46,6 @@
   }
 
   .image-preview {
-    margin: 0 (-$base-spacing);
     text-align: center;
     background: #000;
     line-height: 0;

diff --git a/lib/themes/dosomething/paraneue_dosomething/templates/campaign/node--campaign.tpl.php b/lib/themes/dosomething/paraneue_dosomething/templates/campaign/node--campaign.tpl.php
@@ -298,15 +298,17 @@
                 This is a purely frontend form that will grab crop options and a caption
                 And then when the user submits the form, it will populate the drupal form with these values.
                 */?>
-                <form action="#" method="post" id="dosomething-reportback-image-form" accept-charset="UTF-8" data-validation-passed="false">
-                  <div class="form-item">
-                    <label class="field-label" for="caption">Caption</label>
-                    <input class="text-field" placeholder="Write something in 60 characters or less" type="text" id="caption" name="caption" <?php //data-validate="caption-modal" data-validate-required ?> maxlength="60" >
-                  </div>
-                  <div class="form-actions">
-                    <input type="submit" value="done" class="button -done" />
-                  </div>
-                </form>
+                <div class="modal__block">
+                  <form action="#" method="post" id="dosomething-reportback-image-form" accept-charset="UTF-8" data-validation-passed="false">
+                    <div class="form-item">
+                      <label class="field-label" for="caption">Caption</label>
+                      <input class="text-field" placeholder="Write something in 60 characters or less" type="text" id="caption" name="caption" <?php //data-validate="caption-modal" data-validate-required ?> maxlength="60" >
+                    </div>
+                    <div class="form-actions">
+                      <input type="submit" value="done" class="button -done" />
+                    </div>
+                  </form>
+                </div>
               </div>
             </div>