Fixed edit cloumn and edit form field css

Fixed CSS for edit cloumn and edit form field popup

Issue-ID: PORTAL-1028
Change-Id: Ic2774033e64f5ac029ce707a2cd8d8e66e46279f
Signed-off-by: Sudarshan Kumar <sudarshan.kumar@att.com>

6 files changed, 12 insertions, 8 deletions

diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column-list/column-list.component.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column-list/column-list.component.css
index fee89d5e..2292a29c 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column-list/column-list.component.css
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column-list/column-list.component.css
@@ -399,7 +399,8 @@ tr:nth-child(odd) {
     font-size: 35px;
 }
 
-::-webkit-scrollbar {
+.list::-webkit-scrollbar {
+    -webkit-appearance: scrollbarthumb-vertical;
     width: 5px;
     background: transparent;
 }
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column-list/column-list.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column-list/column-list.component.html
index 31a10cae..0d4f3c80 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column-list/column-list.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column-list/column-list.component.html
@@ -24,7 +24,7 @@
           <br/>
       </div>
         <div class="card-body" style="width: 1000px; height: 532px; ">
-            <div style="height:500px; overflow: scroll;">
+            <div style="height:500px; overflow: scroll; overflow-x: hidden;">
                 <div class="tab-pane">
                     <app-edit-drill-down-link *ngIf="showEditDrillDownPage" [reportId]="reportId" [drillDownObj]="drillDownObj" (completed)="onCompleted($event)" >
 
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/columns-edit.component.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/columns-edit.component.css
index 4526c54c..9c0e51a5 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/columns-edit.component.css
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/columns-edit.component.css
@@ -1,6 +1,7 @@
 .dialog {
     z-index: 1000;
-    position: fixed;
+    position: relative;
+    display: flex;
     right: 0;
     left: 0;
     top: 20px;
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields-add-edit/form-fields-add-edit.component.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields-add-edit/form-fields-add-edit.component.css
index cb8ce6f8..52a77240 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields-add-edit/form-fields-add-edit.component.css
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields-add-edit/form-fields-add-edit.component.css
@@ -10,7 +10,8 @@
 
   .dialog {
     z-index: 1000;
-    position: fixed;
+    display: flex;
+    position: relative;
     right: 0;
     left: 0;
     top: 20px;
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.css
index 271ed013..e4753426 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.css
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.css
@@ -115,7 +115,8 @@ hr{
     padding-bottom: 5px;
 }
 
-::-webkit-scrollbar {
+.list::-webkit-scrollbar {
+  -webkit-appearance: scrollbarthumb-vertical;
   width: 5px;
   background: transparent;
 }
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.html
index 169eea7b..028c9807 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.html
@@ -27,8 +27,8 @@
                         </div>
                       
                       
-                        <div class="card-body" style="width: 1000px; height: 770px; ">
-                                        <div style="height:765px; overflow: scroll;">
+                        <div class="card-body" style="width: 1000px; height: 760px; ">
+                                        <div style="height:737px; overflow: scroll; overflow-x: hidden;">
                                                 <br/>
                                                 <br/>
                                        
@@ -144,7 +144,7 @@
                                         </div>
                                         </div>
                                    
-                                    <div class="card-footer" style="width: 1000px; padding-left: 770px;">
+                                    <div class="card-footer" style="width: 1000px; height: 65px; padding-left: 770px;">
                                         <button style="font-size: 17px;"  *ngIf="!showConfirmButton" (click)="save();" class="btn btn-alt btn-small">Save</button>&nbsp;
                                         <button style="font-size: 17px;" *ngIf="showConfirmButton" (click)="complete();" class="btn btn-alt btn-small">Confirm</button>&nbsp;&nbsp;
                                         <button style="font-size: 17px;" (click)="close()" class="btn btn-alt btn-small">Cancel</button>