airavata-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From machris...@apache.org
Subject [airavata-django-portal] 01/02: Fix editor buttons to the bottom so they are always on screen
Date Fri, 19 Jul 2019 21:13:53 GMT
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 <machristie@apache.org>
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;
+}


Mime
View raw message