fixed modal being open on route change and modal scrolling

awx/ui/client/legacy-styles/ansible-ui.less

@@ -2066,3 +2066,7 @@ tr td button i {
 .select2-container--disabled {
     opacity: .35;
 }
+
+body.is-modalOpen {
+    overflow: hidden;
+}

awx/ui/client/src/access/addPermissions/addPermissions.block.less

@@ -40,8 +40,6 @@
 
 .AddPermissions-body {
     padding: 0px 20px;
-    max-height: 70vh;
-    overflow: scroll;
 }
 
 .AddPermissions-footer {

awx/ui/client/src/access/addPermissions/addPermissions.directive.js

@@ -18,6 +18,8 @@ export default
                 link: function(scope, element, attrs, ctrl) {
                     scope.toggleFormTabs('users');
 
+                    $("body").addClass("is-modalOpen");
+
                     $("body").append(element);
 
                     Wait('start');
@@ -35,6 +37,7 @@ export default
                     });
 
                     scope.closeModal = function() {
+                        $("body").removeClass("is-modalOpen");
                         $('#add-permissions-modal').on('hidden.bs.modal',
                             function () {
                                 $('.AddPermissions').remove();
@@ -42,6 +45,10 @@ export default
                         $('#add-permissions-modal').modal('hide');
                     };
 
+                    scope.$on('closePermissionsModal', function() {
+                        scope.closeModal();
+                    });
+
                     Wait('stop');
 
                     window.scrollTo(0,0);

awx/ui/client/src/app.js

@@ -1055,6 +1055,7 @@ var tower = angular.module('Tower', [
 
 
                 $rootScope.$on("$stateChangeStart", function (event, next, nextParams, prev) {
+                    $rootScope.$broadcast("closePermissionsModal");
                     // this line removes the query params attached to a route
                     if(prev && prev.$$route &&
                         prev.$$route.name === 'systemTracking'){