about summary refs log tree commit diff
path: root/bh20simplewebuploader
diff options
context:
space:
mode:
authorAdam Novak2020-05-05 14:40:07 -0700
committerAdam Novak2020-05-05 14:40:07 -0700
commit90bd12eba8aa938c4b2b40f24f716494fdc2f958 (patch)
tree87aa2491cbad6d0200f4f77bc31961a217dc026a /bh20simplewebuploader
parent07ff2d0f44d07bcca830f020e72ae2389a909f4f (diff)
downloadbh20-seq-resource-90bd12eba8aa938c4b2b40f24f716494fdc2f958.tar.gz
bh20-seq-resource-90bd12eba8aa938c4b2b40f24f716494fdc2f958.tar.lz
bh20-seq-resource-90bd12eba8aa938c4b2b40f24f716494fdc2f958.zip
Use invisible class instead of hidden class
Diffstat (limited to 'bh20simplewebuploader')
-rw-r--r--bh20simplewebuploader/static/main.css4
-rw-r--r--bh20simplewebuploader/static/main.js4
-rw-r--r--bh20simplewebuploader/templates/form.html20
3 files changed, 12 insertions, 16 deletions
diff --git a/bh20simplewebuploader/static/main.css b/bh20simplewebuploader/static/main.css
index 80ee6b7..5c3d568 100644
--- a/bh20simplewebuploader/static/main.css
+++ b/bh20simplewebuploader/static/main.css
@@ -187,10 +187,6 @@ pre code {
     margin-top: 10px;
 }
 
-.hidden {
-    display: none;
-}
-
 .search-section {
     display: flex;
     justify-content: space-between;
diff --git a/bh20simplewebuploader/static/main.js b/bh20simplewebuploader/static/main.js
index a67d3df..6a1daa6 100644
--- a/bh20simplewebuploader/static/main.js
+++ b/bh20simplewebuploader/static/main.js
@@ -86,7 +86,7 @@ function addField(e) {
   fieldGroup.insertBefore(newField, minusButton)
   
   // Enable the minus button
-  minusButton.classList.remove('hidden')
+  minusButton.classList.remove('invisible')
 }
 
 /**
@@ -108,7 +108,7 @@ function removeField(e) {
   if (existingFields.length <= 1) {
     // Collection auto-updates. Now there's only one element. Don't let the
     // user remove it. If they don't want it, they can leave it empty.
-    this.classList.add('hidden')
+    this.classList.add('invisible')
   }
 }
 
diff --git a/bh20simplewebuploader/templates/form.html b/bh20simplewebuploader/templates/form.html
index cea444c..ed4c9fb 100644
--- a/bh20simplewebuploader/templates/form.html
+++ b/bh20simplewebuploader/templates/form.html
@@ -95,13 +95,13 @@
                     <small>Make sure the metadata has submitter attribution details.</small>
 
                     <div id="metadata_upload_form_spot">
-                    <div id="metadata_upload_form">
-                      <br>
-                      <label for="metadata">Select JSON or YAML metadata file following <a href="https://github.com/arvados/bh20-seq-resource/blob/master/bh20sequploader/bh20seq-schema.yml" target="_blank">this schema</a> and <a href="https://github.com/arvados/bh20-seq-resource/blob/master/example/metadata.yaml" target="_blank">example</a> (max 50K):</label>
-                      <br>
-                      <input type="file" id="metadata" name="metadata" accept=".json,.yml,.yaml" required>
-                      <br>
-                    </div>
+                        <div id="metadata_upload_form">
+                          <br>
+                          <label for="metadata">Select JSON or YAML metadata file following <a href="https://github.com/arvados/bh20-seq-resource/blob/master/bh20sequploader/bh20seq-schema.yml" target="_blank">this schema</a> and <a href="https://github.com/arvados/bh20-seq-resource/blob/master/example/metadata.yaml" target="_blank">example</a> (max 50K):</label>
+                          <br>
+                          <input type="file" id="metadata" name="metadata" accept=".json,.yml,.yaml" required>
+                          <br>
+                        </div>
                     </div>
 
                 </div>
@@ -140,7 +140,7 @@
                                 {% endif %}
                             </div>
                             {% if record['list'] %}
-                            <button type="button" title="Remove field" class="remove-field hidden">➖</button>
+                            <button type="button" title="Remove field" class="remove-field invisible">➖</button>
                             <button type="button" title="Add field" class="add-field">➕</button>
                             {% endif %}
                         </div>
@@ -153,8 +153,8 @@
 
                 </div>
 
-
-<input class="submit" type="submit" value="Add to Pangenome">
+                <input type="submit">
+                <input class="submit" type="submit" value="Add to Pangenome">
             </form>
         </section>
 <br>