This is an automated email from the ASF dual-hosted git repository. machristie pushed a commit to branch master in repository https://gitbox.apache.org/repos/asf/airavata-django-portal.git
commit 526c38ac1ad804be0b4e952b5c6cdb76e447ca36 Author: Marcus Christie <[email protected]> AuthorDate: Fri Jul 19 17:13:31 2019 -0400 Fix editor buttons to the bottom so they are always on screen --- .../applications/ApplicationEditorContainer.vue | 6 ++---- django_airavata/static/common/scss/main.scss | 17 +++++++++++++++++ 2 files changed, 19 insertions(+), 4 deletions(-) diff --git a/django_airavata/apps/admin/static/django_airavata_admin/src/components/applications/ApplicationEditorContainer.vue b/django_airavata/apps/admin/static/django_airavata_admin/src/components/applications/ApplicationEditorContainer.vue index 5b72088..c7a7400 100644 --- a/django_airavata/apps/admin/static/django_airavata_admin/src/components/applications/ApplicationEditorContainer.vue +++ b/django_airavata/apps/admin/static/django_airavata_admin/src/components/applications/ApplicationEditorContainer.vue @@ -1,5 +1,5 @@ <template> - <div> + <div class="has-fixed-footer"> <unsaved-changes-guard :dirty="isDirty" /> <confirmation-dialog ref="unsavedChangesDialog" title="You have unsaved changes"> You have unsaved changes. Are you sure you want to leave this page? @@ -28,8 +28,7 @@ @sharing-changed="deploymentSharingChanged" @input="currentDeploymentChanged" /> </div> </div> - <div class="row"> - <div class="col"> + <div class="fixed-footer"> <b-button class="editor-button" variant="primary" @click="saveAll" :disabled="readonly || !isDirty"> Save </b-button> @@ -39,7 +38,6 @@ <b-button class="editor-button" variant="secondary" @click="cancel"> Cancel </b-button> - </div> </div> </div> </template> diff --git a/django_airavata/static/common/scss/main.scss b/django_airavata/static/common/scss/main.scss index 3c39cf4..008a79a 100644 --- a/django_airavata/static/common/scss/main.scss +++ b/django_airavata/static/common/scss/main.scss @@ -317,3 +317,20 @@ text-align:center; min-width:2em; font-weight:bold; } + +.fixed-footer { + position: fixed; + bottom: 0px; + left: 70px; + right: 0px; + padding-left: calc(1rem + 15px); + padding-right: calc(1rem + 15px); + padding-top: 1rem; + padding-bottom: 1rem; + background-color: #f7f7f7; + border-top: 1px solid #ddd; +} +/* Add to elements that contain a .fixed-footer */ +.has-fixed-footer { + padding-bottom: 100px; +}
