rattail/tailbone
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Improve layout for "download results" modal

Browse source
This commit is contained in:
Lance Edgar 2020-08-22 16:11:29 -05:00
parent 922cbe4451
commit 5af26a57f6
1 changed files with 49 additions and 49 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
tailbone/templates/master/index.mako
View file

@ -184,9 +184,9 @@
the end result (file size) may be larger with CSV. the end result (file size) may be larger with CSV.
</b-notification> </b-notification>
<div style="display: flex;"> <div style="display: flex; justify-content: space-between">
<div style="flex-grow: 1;"> <div>
<b-field horizontal label="Format"> <b-field horizontal label="Format">
<b-select v-model="downloadResultsFormat"> <b-select v-model="downloadResultsFormat">
% for key, label in six.iteritems(master.download_results_supported_formats()): % for key, label in six.iteritems(master.download_results_supported_formats()):
@ -197,6 +197,7 @@
</div> </div>
<div> <div>
<div v-show="downloadResultsFieldsMode != 'choose'" <div v-show="downloadResultsFieldsMode != 'choose'"
class="has-text-right"> class="has-text-right">
<p v-if="downloadResultsFieldsMode == 'default'"> <p v-if="downloadResultsFieldsMode == 'default'">
@ -205,9 +206,10 @@
<p v-if="downloadResultsFieldsMode == 'all'"> <p v-if="downloadResultsFieldsMode == 'all'">
Will use ALL fields. Will use ALL fields.
</p> </p>
</div>
<br /> <br />
<div class="buttons"> </div>
<div class="buttons is-right">
<b-button type="is-primary" <b-button type="is-primary"
v-show="downloadResultsFieldsMode != 'default'" v-show="downloadResultsFieldsMode != 'default'"
@click="downloadResultsUseDefaultFields()"> @click="downloadResultsUseDefaultFields()">
@ -224,10 +226,6 @@
Choose Fields Choose Fields
</b-button> </b-button>
</div> </div>
</div>
</div>
<br />
<div v-show="downloadResultsFieldsMode == 'choose'"> <div v-show="downloadResultsFieldsMode == 'choose'">
<div style="display: flex;"> <div style="display: flex;">
@ -273,6 +271,8 @@
</div> </div>
</div> </div>
</div>
</div>
</div> <!-- card-content --> </div> <!-- card-content -->
<footer class="modal-card-foot"> <footer class="modal-card-foot">