aboutsummaryrefslogtreecommitdiff
path: root/qc_app/templates
diff options
context:
space:
mode:
authorFrederick Muriuki Muriithi2024-06-14 10:29:12 -0500
committerFrederick Muriuki Muriithi2024-06-14 10:29:12 -0500
commit026d10646c2589d672b81c5f0b8e8ed6bc994122 (patch)
treed925c08e026dda4e335a9d2dc22d1e047a1cf911 /qc_app/templates
parent9ff12c643feadc353f29fe8dac4b9819caf1779c (diff)
downloadgn-uploader-026d10646c2589d672b81c5f0b8e8ed6bc994122.tar.gz
Move the modal to top of page to avoid display issues
According to https://getbootstrap.com/docs/3.3/javascript/#callout-modal-markup-placement the bootstrap modal dialogs should be placed at the top of the page to avoid other components affecting their display and/or functionality.
Diffstat (limited to 'qc_app/templates')
-rw-r--r--qc_app/templates/rqtl2/upload-rqtl2-bundle-step-01.html4
-rw-r--r--qc_app/templates/select_species.html4
2 files changed, 4 insertions, 4 deletions
diff --git a/qc_app/templates/rqtl2/upload-rqtl2-bundle-step-01.html b/qc_app/templates/rqtl2/upload-rqtl2-bundle-step-01.html
index 5cf9dfd..3687b2f 100644
--- a/qc_app/templates/rqtl2/upload-rqtl2-bundle-step-01.html
+++ b/qc_app/templates/rqtl2/upload-rqtl2-bundle-step-01.html
@@ -5,10 +5,10 @@
{%block title%}Upload R/qtl2 Bundle{%endblock%}
{%block contents%}
-<h2 class="heading">Upload R/qtl2 Bundle</h2>
-
{{upload_progress_indicator()}}
+<h2 class="heading">Upload R/qtl2 Bundle</h2>
+
<form id="frm-upload-rqtl2-bundle"
action="{{url_for('upload.rqtl2.upload_rqtl2_bundle',
species_id=species.SpeciesId,
diff --git a/qc_app/templates/select_species.html b/qc_app/templates/select_species.html
index 30f99b4..35850de 100644
--- a/qc_app/templates/select_species.html
+++ b/qc_app/templates/select_species.html
@@ -5,6 +5,8 @@
{%block title%}Data Upload{%endblock%}
{%block contents%}
+{{upload_progress_indicator()}}
+
<div class="row">
<form action="{{url_for('entry.upload_file')}}"
method="POST"
@@ -57,8 +59,6 @@
<button type="submit" class="btn btn-primary">upload file</button>
</form>
-
- {{upload_progress_indicator()}}
</div>
{%endblock%}