Merge pull request #918 from webcompat/url-link-upload

fix #915 - fixed position and z-index FormUpload
webcompat · Feb 9, 2016 · 34772fb · 34772fb
2 parents d5ff763 + 039e63f
commit 34772fb
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/webcompat/static/css/development/components/button.css b/webcompat/static/css/development/components/button.css
@@ -82,4 +82,5 @@
     right: 0;
     bottom: 0;
     left: 0;
+    cursor: pointer;
   }
diff --git a/webcompat/static/css/development/components/upload-form.css b/webcompat/static/css/development/components/upload-form.css
@@ -13,6 +13,7 @@
   min-height: 250px;
   cursor: pointer;
   overflow: hidden;
+  z-index: 3;
 }
 
   /* Form upload wrapper */
@@ -21,6 +22,7 @@
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
+    z-index: 2;
   }
     /* state */
     .wc-UploadForm-wrapper.is-hidden {

diff --git a/webcompat/templates/issue/issue-comment-submit.html b/webcompat/templates/issue/issue-comment-submit.html
@@ -9,7 +9,7 @@
       <script type="text/template" id="upload-input-tmpl">
         <form>
           <label class="wc-UploadForm" for="image">
-            <div class="wc-Form-upload-wrapper">
+            <div class="wc-UploadForm-wrapper">
               <span class="wc-UploadForm-icon" aria-hidden="true">
                 <span class="wc-Icon wc-Icon--cloud-upload"></span>
               </span>