Merge pull request #1777 from anotherchrisberry/dropdown-append-to-body

append dropdown menus to body
spinnaker · Dec 4, 2015 · 90830c5 · 90830c5
2 parents 388d35e + b56afe2
commit 90830c5
Show file tree

Hide file tree

Showing 26 changed files with 80 additions and 80 deletions.
diff --git a/app/scripts/modules/amazon/instance/details/instanceDetails.html b/app/scripts/modules/amazon/instance/details/instanceDetails.html
@@ -26,11 +26,11 @@ <h3 select-on-dbl-click>
     </div>
     <div>
       <div class="actions" ng-class="{ insights: instance.insightActions.length > 0 }" ng-if="instance.placement">
-        <div class="dropdown" uib-dropdown>
+        <div class="dropdown" uib-dropdown dropdown-append-to-body>
           <button type="button" class="btn btn-sm btn-primary dropdown-toggle" ng-disabled="disabled" uib-dropdown-toggle>
             Instance Actions <span class="caret"></span>
           </button>
-          <ul class="dropdown-menu" role="menu">
+          <ul class="uib-dropdown-menu" role="menu">
             <li><a href ng-click="ctrl.enableInstanceInDiscovery()" ng-if="ctrl.canRegisterWithDiscovery()">Enable in Discovery</a></li>
             <li><a href ng-click="ctrl.disableInstanceInDiscovery()" ng-if="ctrl.hasHealthState('Discovery', 'Up')">Disable in Discovery</a></li>
             <li><a href ng-click="ctrl.registerInstanceWithLoadBalancer()" ng-if="ctrl.canRegisterWithLoadBalancer()">Register with Load Balancer</a></li>
@@ -41,11 +41,11 @@ <h3 select-on-dbl-click>
             <li><a href ng-click="ctrl.terminateInstanceAndShrinkServerGroup()">Terminate and Shrink Server Group</a></li>
           </ul>
         </div>
-        <div class="dropdown" ng-if="instance.insightActions.length > 0" uib-dropdown>
+        <div class="dropdown" ng-if="instance.insightActions.length > 0" uib-dropdown dropdown-append-to-body>
           <button type="button" class="btn btn-sm btn-default dropdown-toggle" uib-dropdown-toggle>
             Insight <span class="caret"></span>
           </button>
-          <ul class="dropdown-menu" role="menu">
+          <ul class="uib-dropdown-menu" role="menu">
             <li ng-repeat="action in instance.insightActions"><a target=_blank href="{{action.url}}">{{action.label}}</a></li>
           </ul>
         </div>

diff --git a/app/scripts/modules/amazon/loadBalancer/details/loadBalancerDetail.html b/app/scripts/modules/amazon/loadBalancer/details/loadBalancerDetail.html
@@ -27,11 +27,11 @@ <h3 select-on-dbl-click>
     </div>
     <div>
       <div class="actions">
-        <div class="dropdown" uib-dropdown>
+        <div class="dropdown" uib-dropdown dropdown-append-to-body>
           <button type="button" class="btn btn-sm btn-primary dropdown-toggle" uib-dropdown-toggle>
             Load Balancer Actions <span class="caret"></span>
           </button>
-          <ul class="dropdown-menu" role="menu">
+          <ul class="uib-dropdown-menu" role="menu">
             <li><a href ng-click="ctrl.editLoadBalancer()">Edit Load Balancer</a></li>
             <!--<li><a href ng-click="ctrl.cloneLoadBalancer()">Clone Load Balancer</a></li>-->
             <li ng-if="!loadBalancer.instances.length"><a href ng-click="ctrl.deleteLoadBalancer()">Delete Load Balancer</a></li>

diff --git a/app/scripts/modules/amazon/securityGroup/details/securityGroupDetail.html b/app/scripts/modules/amazon/securityGroup/details/securityGroupDetail.html
@@ -18,11 +18,11 @@ <h3 select-on-dbl-click>
       </h3>
     </div>
     <div class="actions">
-      <div class="dropdown" uib-dropdown>
+      <div class="dropdown" uib-dropdown dropdown-append-to-body>
         <button type="button" class="btn btn-sm btn-primary dropdown-toggle" ng-disabled="disabled" uib-dropdown-toggle>
           Security Group Actions <span class="caret"></span>
         </button>
-        <ul class="dropdown-menu" role="menu">
+        <ul class="uib-dropdown-menu" role="menu">
           <li><a href ng-click="ctrl.editInboundRules()">Edit Inbound Rules</a></li>
           <li><a href ng-click="ctrl.deleteSecurityGroup()">Delete Security Group</a></li>
           <li><a href ng-click="ctrl.cloneSecurityGroup()">Clone Security Group</a></li>

diff --git a/app/scripts/modules/amazon/serverGroup/details/serverGroupDetails.html b/app/scripts/modules/amazon/serverGroup/details/serverGroupDetails.html
@@ -29,11 +29,11 @@ <h3 select-on-dbl-click>
     </div>
     <div>
       <div class="actions" ng-class="{ insights: serverGroup.insightActions.length > 0 }">
-        <div class="dropdown" uib-dropdown>
+        <div class="dropdown" uib-dropdown dropdown-append-to-body>
           <button type="button" class="btn btn-sm btn-primary dropdown-toggle" uib-dropdown-toggle>
             Server Group Actions <span class="caret"></span>
           </button>
-          <ul class="dropdown-menu" role="menu">
+          <ul class="uib-dropdown-menu" role="menu">
             <li><a href ng-if="!serverGroup.isDisabled" ng-click="ctrl.rollbackServerGroup()">Rollback</a></li>
             <li role="presentation" class="divider" ng-if="!serverGroup.isDisabled"></li>
             <li><a href ng-click="ctrl.resizeServerGroup()">Resize</a></li>
@@ -44,11 +44,11 @@ <h3 select-on-dbl-click>
             <li><migrator application="application" server-group="serverGroup"></migrator></li>
           </ul>
         </div>
-        <div class="dropdown" ng-if="serverGroup.insightActions.length > 0" uib-dropdown>
+        <div class="dropdown" ng-if="serverGroup.insightActions.length > 0" uib-dropdown dropdown-append-to-body>
           <button type="button" class="btn btn-sm btn-default dropdown-toggle" uib-dropdown-toggle>
             Insight <span class="caret"></span>
           </button>
-          <ul class="dropdown-menu" role="menu">
+          <ul class="uib-dropdown-menu" role="menu">
             <li ng-repeat="action in serverGroup.insightActions"><a target=_blank href="{{action.url}}">{{action.label}}</a></li>
           </ul>
         </div>

diff --git a/app/scripts/modules/azure/instance/details/instanceDetails.html b/app/scripts/modules/azure/instance/details/instanceDetails.html
@@ -34,11 +34,11 @@ <h3 select-on-dbl-click>
     </div>
     <div>
       <div class="actions" ng-class="{ insights: instance.insightActions.length > 0 }" ng-if="instance.placement">
-        <div class="dropdown" dropdown>
-          <button type="button" class="btn btn-sm btn-primary dropdown-toggle" ng-disabled="disabled" dropdown-toggle>
+        <div class="dropdown" uib-dropdown dropdown-append-to-body>
+          <button type="button" class="btn btn-sm btn-primary dropdown-toggle" ng-disabled="disabled" uib-dropdown-toggle>
             Instance Actions <span class="caret"></span>
           </button>
-          <ul class="dropdown-menu" role="menu">
+          <ul class="uib-dropdown-menu" role="menu">
             <li><a href ng-click="ctrl.enableInstanceInDiscovery()" ng-if="ctrl.canRegisterWithDiscovery()">Enable in Discovery</a></li>
             <li><a href ng-click="ctrl.disableInstanceInDiscovery()" ng-if="ctrl.hasHealthState('Discovery', 'Up')">Disable in Discovery</a></li>
             <li><a href ng-click="ctrl.registerInstanceWithLoadBalancer()" ng-if="ctrl.canRegisterWithLoadBalancer()">Register with Load Balancer</a></li>
@@ -49,11 +49,11 @@ <h3 select-on-dbl-click>
             <li><a href ng-click="ctrl.terminateInstanceAndShrinkServerGroup()">Terminate and Shrink Server Group</a></li>
           </ul>
         </div>
-        <div class="dropdown" ng-if="instance.insightActions.length > 0" dropdown>
-          <button type="button" class="btn btn-sm btn-default dropdown-toggle" dropdown-toggle>
+        <div class="dropdown" ng-if="instance.insightActions.length > 0" uib-dropdown dropdown-append-to-body>
+          <button type="button" class="btn btn-sm btn-default dropdown-toggle" uib-dropdown-toggle>
             Insight <span class="caret"></span>
           </button>
-          <ul class="dropdown-menu" role="menu">
+          <ul class="uib-dropdown-menu" role="menu">
             <li ng-repeat="action in instance.insightActions"><a target=_blank href="{{action.url}}">{{action.label}}</a></li>
           </ul>
         </div>

diff --git a/app/scripts/modules/azure/loadBalancer/details/loadBalancerDetail.html b/app/scripts/modules/azure/loadBalancer/details/loadBalancerDetail.html
@@ -27,11 +27,11 @@ <h3 select-on-dbl-click>
     </div>
     <div>
       <div class="actions">
-        <div class="dropdown" dropdown>
-          <button type="button" class="btn btn-sm btn-primary dropdown-toggle" dropdown-toggle>
+        <div class="dropdown" uib-dropdown dropdown-append-to-body>
+          <button type="button" class="btn btn-sm btn-primary dropdown-toggle" uib-dropdown-toggle>
             Load Balancer Actions <span class="caret"></span>
           </button>
-          <ul class="dropdown-menu" role="menu">
+          <ul class="uib-dropdown-menu" role="menu">
             <li><a href ng-click="ctrl.editLoadBalancer()">Edit Load Balancer</a></li>
             <!--<li><a href ng-click="ctrl.cloneLoadBalancer()">Clone Load Balancer</a></li>-->
             <li ng-if="!loadBalancer.instances.length"><a href ng-click="ctrl.deleteLoadBalancer()">Delete Load Balancer</a></li>

diff --git a/app/scripts/modules/azure/securityGroup/details/securityGroupDetail.html b/app/scripts/modules/azure/securityGroup/details/securityGroupDetail.html
@@ -18,11 +18,11 @@ <h3 select-on-dbl-click>
       </h3>
     </div>
     <div class="actions">
-      <div class="dropdown" dropdown>
-        <button type="button" class="btn btn-sm btn-primary dropdown-toggle" ng-disabled="disabled" dropdown-toggle>
+      <div class="dropdown" uib-dropdown dropdown-append-to-body>
+        <button type="button" class="btn btn-sm btn-primary dropdown-toggle" ng-disabled="disabled" uib-dropdown-toggle>
           Security Group Actions <span class="caret"></span>
         </button>
-        <ul class="dropdown-menu" role="menu">
+        <ul class="uib-dropdown-menu" role="menu">
           <li><a href ng-click="ctrl.editInboundRules()">Edit Inbound Rules</a></li>
           <li><a href ng-click="ctrl.deleteSecurityGroup()">Delete Security Group</a></li>
           <li><a href ng-click="ctrl.cloneSecurityGroup()">Clone Security Group</a></li>

diff --git a/app/scripts/modules/azure/serverGroup/details/serverGroupDetails.html b/app/scripts/modules/azure/serverGroup/details/serverGroupDetails.html
@@ -29,11 +29,11 @@ <h3 select-on-dbl-click>
     </div>
     <div>
       <div class="actions" ng-class="{ insights: serverGroup.insightActions.length > 0 }">
-        <div class="dropdown" dropdown>
-          <button type="button" class="btn btn-sm btn-primary dropdown-toggle" dropdown-toggle>
+        <div class="dropdown" uib-dropdown dropdown-append-to-body>
+          <button type="button" class="btn btn-sm btn-primary dropdown-toggle" uib-dropdown-toggle>
             Server Group Actions <span class="caret"></span>
           </button>
-          <ul class="dropdown-menu" role="menu">
+          <ul class="uib-dropdown-menu" role="menu">
             <li><a href ng-click="ctrl.resizeServerGroup()">Resize</a></li>
             <li><a href ng-if="!serverGroup.isDisabled" ng-click="ctrl.disableServerGroup()">Disable</a></li>
             <li><a href ng-if="serverGroup.isDisabled" ng-click="ctrl.enableServerGroup()">Enable</a></li>
@@ -42,11 +42,11 @@ <h3 select-on-dbl-click>
             <li><migrator application="application" server-group="serverGroup"></migrator></li>
           </ul>
         </div>
-        <div class="dropdown" ng-if="serverGroup.insightActions.length > 0" dropdown>
-          <button type="button" class="btn btn-sm btn-default dropdown-toggle" dropdown-toggle>
+        <div class="dropdown" ng-if="serverGroup.insightActions.length > 0" uib-dropdown dropdown-append-to-body>
+          <button type="button" class="btn btn-sm btn-default dropdown-toggle" uib-dropdown-toggle>
             Insight <span class="caret"></span>
           </button>
-          <ul class="dropdown-menu" role="menu">
+          <ul class="uib-dropdown-menu" role="menu">
             <li ng-repeat="action in serverGroup.insightActions"><a target=_blank href="{{action.url}}">{{action.label}}</a></li>
           </ul>
         </div>

diff --git a/app/scripts/modules/cloudfoundry/instance/details/instanceDetails.html b/app/scripts/modules/cloudfoundry/instance/details/instanceDetails.html
@@ -26,11 +26,11 @@ <h3 select-on-dbl-click>
     </div>
     <div>
       <div class="actions" ng-class="{ insights: instance.insightActions.length > 0 }" ng-if="instance.placement">
-        <div class="dropdown" uib-dropdown>
+        <div class="dropdown" uib-dropdown dropdown-append-to-body>
           <button type="button" class="btn btn-sm btn-primary dropdown-toggle" ng-disabled="disabled" uib-dropdown-toggle>
             Instance Actions <span class="caret"></span>
           </button>
-          <ul class="dropdown-menu" role="menu">
+          <ul class="uib-dropdown-menu" role="menu">
             <li><a href ng-click="ctrl.enableInstanceInDiscovery()" ng-if="ctrl.canRegisterWithDiscovery()">Enable in Discovery</a></li>
             <li><a href ng-click="ctrl.disableInstanceInDiscovery()" ng-if="ctrl.hasHealthState('Discovery', 'Up')">Disable in Discovery</a></li>
             <li><a href ng-click="ctrl.registerInstanceWithLoadBalancer()" ng-if="ctrl.canRegisterWithLoadBalancer()">Register with Load Balancer</a></li>
@@ -40,11 +40,11 @@ <h3 select-on-dbl-click>
             <li><a href ng-click="ctrl.terminateInstance()">Terminate</a></li>
           </ul>
         </div>
-        <div class="dropdown" ng-if="instance.insightActions.length > 0" uib-dropdown>
+        <div class="dropdown" ng-if="instance.insightActions.length > 0" uib-dropdown dropdown-append-to-body>
           <button type="button" class="btn btn-sm btn-default dropdown-toggle" uib-dropdown-toggle>
             Insight <span class="caret"></span>
           </button>
-          <ul class="dropdown-menu" role="menu">
+          <ul class="uib-dropdown-menu" role="menu">
             <li ng-repeat="action in instance.insightActions"><a target=_blank href="{{action.url}}">{{action.label}}</a></li>
           </ul>
         </div>

diff --git a/app/scripts/modules/cloudfoundry/loadBalancer/details/loadBalancerDetails.html b/app/scripts/modules/cloudfoundry/loadBalancer/details/loadBalancerDetails.html
@@ -27,11 +27,11 @@ <h3 select-on-dbl-click>
     </div>
     <div>
       <div class="actions">
-        <div class="dropdown" uib-dropdown>
+        <div class="dropdown" uib-dropdown dropdown-append-to-body>
           <button type="button" class="btn btn-sm btn-primary dropdown-toggle" uib-dropdown-toggle>
             Load Balancer Actions <span class="caret"></span>
           </button>
-          <ul class="dropdown-menu" role="menu">
+          <ul class="uib-dropdown-menu" role="menu">
             <li ng-if="!loadBalancer.instances.length"><a href ng-click="ctrl.deleteLoadBalancer()">Delete Load Balancer</a></li>
             <li ng-if="loadBalancer.instances.length" class="disabled" uib-tooltip="You must detach all instances before you can delete this load balancer.">
               <a href ng-click="ctrl.deleteLoadBalancer()">Delete Load Balancer</a>

diff --git a/app/scripts/modules/cloudfoundry/serverGroup/details/serverGroupDetails.html b/app/scripts/modules/cloudfoundry/serverGroup/details/serverGroupDetails.html
@@ -29,23 +29,23 @@ <h3 select-on-dbl-click>
     </div>
     <div>
       <div class="actions" ng-class="{ insights: serverGroup.insightActions.length > 0 }">
-        <div class="dropdown" uib-dropdown>
+        <div class="dropdown" uib-dropdown dropdown-append-to-body>
           <button type="button" class="btn btn-sm btn-primary dropdown-toggle" uib-dropdown-toggle>
             Server Group Actions <span class="caret"></span>
           </button>
-          <ul class="dropdown-menu" role="menu">
+          <ul class="uib-dropdown-menu" role="menu">
             <li><a href ng-click="ctrl.resizeServerGroup()">Resize</a></li>
             <li><a href ng-if="!serverGroup.isDisabled" ng-click="ctrl.disableServerGroup()">Disable</a></li>
             <li><a href ng-if="serverGroup.isDisabled && serverGroup.loadBalancers.length" ng-click="ctrl.enableServerGroup()">Enable</a></li>
             <li><a href ng-click="ctrl.destroyServerGroup()">Destroy</a></li>
             <li><a href ng-click="ctrl.cloneServerGroup(serverGroup)">Clone</a></li>
           </ul>
         </div>
-        <div class="dropdown" ng-if="serverGroup.insightActions.length > 0" uib-dropdown>
+        <div class="dropdown" ng-if="serverGroup.insightActions.length > 0" uib-dropdown dropdown-append-to-body>
           <button type="button" class="btn btn-sm btn-default dropdown-toggle" uib-dropdown-toggle>
             Insight <span class="caret"></span>
           </button>
-          <ul class="dropdown-menu" role="menu">
+          <ul class="uib-dropdown-menu" role="menu">
             <li ng-repeat="action in serverGroup.insightActions"><a target=_blank href="{{action.url}}">{{action.label}}</a></li>
           </ul>
         </div>

diff --git a/app/scripts/modules/core/pipeline/config/actions/pipelineConfigActions.html b/app/scripts/modules/core/pipeline/config/actions/pipelineConfigActions.html
@@ -2,7 +2,7 @@
   <button type="button" class="btn btn-sm btn-default dropdown-toggle" uib-dropdown-toggle>
     {{pipeline.strategy === true ? 'Strategy' : 'Pipeline'}} Actions <span class="caret"></span>
   </button>
-  <ul class="dropdown-menu">
+  <ul class="uib-dropdown-menu">
     <li><a href ng-click="pipelineConfigurerCtrl.renamePipeline()">Rename</a></li>
     <li><a href ng-click="pipelineConfigurerCtrl.deletePipeline()">Delete</a></li>
     <li><a href ng-click="pipelineConfigurerCtrl.editPipelineJson()">Edit as JSON</a></li>

diff --git a/app/scripts/modules/core/pipeline/config/createNew.html b/app/scripts/modules/core/pipeline/config/createNew.html
@@ -2,7 +2,7 @@
     <button type="button" class="btn btn-sm btn-default dropdown-toggle" uib-dropdown-toggle>
         Configure <span class="caret"></span>
     </button>
-    <ul class="dropdown-menu" role="menu">
+    <ul class="uib-dropdown-menu" role="menu">
         <li><create-pipeline-button application="application"></create-pipeline-button></li>
         <li class="dropdown-header" style="margin-top:0" ng-if="application.pipelineConfigs.length">PIPELINES</li>
         <li ng-repeat="pipeline in application.pipelineConfigs"><a href

diff --git a/app/scripts/modules/core/pipeline/config/stages/core/executionSummary.html b/app/scripts/modules/core/pipeline/config/stages/core/executionSummary.html
@@ -7,7 +7,7 @@ <h5 class="execution-details-title">
         Actions
         <span class="caret"></span>
       </button>
-      <ul class="dropdown-menu" role="menu">
+      <ul class="uib-dropdown-menu" role="menu">
         <li><a href ng-controller="RestartStageCtrl as restartCtrl" ng-click="restartCtrl.restart()">Restart Stage</a></li>
       </ul>
     </div>

diff --git a/app/scripts/modules/core/search/global/globalSearch.directive.html b/app/scripts/modules/core/search/global/globalSearch.directive.html
@@ -13,12 +13,12 @@
       </div>
     </div>
   </form>
-  <ul class="dropdown-menu"
+  <ul class="uib-dropdown-menu"
       role="menu"
       ng-if="querying">
     <li class="loader">searching..</li>
   </ul>
-  <ul class="dropdown-menu"
+  <ul class="uib-dropdown-menu"
       role="menu"
       ng-if="!querying && showRecentItems">
     <li ng-repeat-start="category in recentItems" class="category-heading">
@@ -36,7 +36,7 @@
       </a>
     </li>
   </ul>
-  <ul class="dropdown-menu"
+  <ul class="uib-dropdown-menu"
       role="menu"
       ng-if="!querying && showSearchResults">
     <li ng-repeat-start="category in categories | orderBy: 'order'" class="category-heading">

diff --git a/app/scripts/modules/google/instance/details/instanceDetails.html b/app/scripts/modules/google/instance/details/instanceDetails.html
@@ -32,11 +32,11 @@ <h3 select-on-dbl-click>
     </div>
     <div>
       <div class="actions" ng-class="{ insights: instance.insightActions.length > 0 }" ng-if="instance.placement">
-        <div class="dropdown" uib-dropdown>
+        <div class="dropdown" uib-dropdown dropdown-append-to-body>
           <button type="button" class="btn btn-sm btn-primary dropdown-toggle" ng-disabled="disabled" uib-dropdown-toggle>
             Instance Actions <span class="caret"></span>
           </button>
-          <ul class="dropdown-menu" role="menu">
+          <ul class="uib-dropdown-menu" role="menu">
             <li><a href ng-click="ctrl.enableInstanceInDiscovery()" ng-if="ctrl.canRegisterWithDiscovery()">Enable in Discovery</a></li>
             <li><a href ng-click="ctrl.disableInstanceInDiscovery()" ng-if="ctrl.hasHealthState('Discovery', 'Up')">Disable in Discovery</a></li>
             <li><a href ng-click="ctrl.registerInstanceWithLoadBalancer()" ng-if="ctrl.canRegisterWithLoadBalancer()">Register with Load Balancer</a></li>
@@ -47,11 +47,11 @@ <h3 select-on-dbl-click>
             <li><a href ng-click="ctrl.terminateInstanceAndShrinkServerGroup()">Terminate and Shrink Server Group</a></li>
           </ul>
         </div>
-        <div class="dropdown" ng-if="instance.insightActions.length > 0" uib-dropdown>
+        <div class="dropdown" ng-if="instance.insightActions.length > 0" uib-dropdown dropdown-append-to-body>
           <button type="button" class="btn btn-sm btn-default dropdown-toggle" uib-dropdown-toggle>
             Insight <span class="caret"></span>
           </button>
-          <ul class="dropdown-menu" role="menu">
+          <ul class="uib-dropdown-menu" role="menu">
             <li ng-repeat="action in instance.insightActions"><a target=_blank href="{{action.url}}">{{action.label}}</a></li>
           </ul>
         </div>

diff --git a/app/scripts/modules/google/loadBalancer/details/loadBalancerDetails.html b/app/scripts/modules/google/loadBalancer/details/loadBalancerDetails.html
@@ -27,11 +27,11 @@ <h3 select-on-dbl-click>
     </div>
     <div>
       <div class="actions">
-        <div class="dropdown" uib-dropdown>
+        <div class="dropdown" uib-dropdown dropdown-append-to-body>
           <button type="button" class="btn btn-sm btn-primary dropdown-toggle" uib-dropdown-toggle>
             Load Balancer Actions <span class="caret"></span>
           </button>
-          <ul class="dropdown-menu" role="menu">
+          <ul class="uib-dropdown-menu" role="menu">
             <li><a href ng-click="ctrl.editLoadBalancer()">Edit Load Balancer</a></li>
             <li ng-if="!loadBalancer.instances.length"><a href ng-click="ctrl.deleteLoadBalancer()">Delete Load Balancer</a></li>
             <li ng-if="loadBalancer.instances.length" class="disabled" uib-tooltip="You must detach all instances before you can delete this load balancer.">