fix(ui): scroll in job variable modal (#3888)

ovh · Jan 25, 2019 · b562767 · b562767
1 parent 808e195
commit b562767
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/ui/src/app/views/workflow/run/node/pipeline/variables/job.variable.html b/ui/src/app/views/workflow/run/node/pipeline/variables/job.variable.html
@@ -1,4 +1,4 @@
-<sm-modal title="{{ 'pipeline_job_variable_title' | translate }}" #jobVariablesModal>
+<sm-modal class="variables-modal" title="{{ 'pipeline_job_variable_title' | translate }}" #jobVariablesModal>
     <modal-content>
         <h4 *ngIf="varGit.length > 0">{{ 'pipeline_job_variable_git' | translate }}</h4>
         <app-parameter-list *ngIf="varGit.length > 0" [parameters]="varGit" mode="job" ></app-parameter-list>

diff --git a/ui/src/app/views/workflow/run/node/pipeline/variables/job.variable.scss b/ui/src/app/views/workflow/run/node/pipeline/variables/job.variable.scss
@@ -0,0 +1,14 @@
+::ng-deep .ui.modal.variables-modal,::ng-deep .modals.dimmer .ui.scrolling.modal.variables-modal {
+    > .content {
+        position: relative;
+        height: calc(100% - 7rem);
+        overflow: auto;
+        padding-bottom: 1rem;
+    }
+    position: absolute !important;
+    margin-top: auto !important;
+    margin-bottom: auto !important;
+    margin-left: -25% !important;
+    top: 3.5rem !important;
+    bottom: 3.5rem;
+}