From 90bd12eba8aa938c4b2b40f24f716494fdc2f958 Mon Sep 17 00:00:00 2001
From: Adam Novak
Date: Tue, 5 May 2020 14:40:07 -0700
Subject: Use invisible class instead of hidden class

---
 bh20simplewebuploader/static/main.css     |  4 ----
 bh20simplewebuploader/static/main.js      |  4 ++--
 bh20simplewebuploader/templates/form.html | 20 ++++++++++----------
 3 files changed, 12 insertions(+), 16 deletions(-)

(limited to 'bh20simplewebuploader')

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>
-- 
cgit v1.2.3