From 1855de8f56562d026436a3e53852424931703435 Mon Sep 17 00:00:00 2001
From: Alexander Surinov <a.surinov@h-h-i.ru>
Date: Fri, 28 Jul 2017 16:48:08 +0300
Subject: [PATCH] added ability to manage dropdown appendToBody property and to
 style menu dynamically.

---
 angular-ui-tab-scroll.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/angular-ui-tab-scroll.js b/angular-ui-tab-scroll.js
index e0cbeb0..f5a0e38 100644
--- a/angular-ui-tab-scroll.js
+++ b/angular-ui-tab-scroll.js
@@ -75,6 +75,8 @@ angular.module('ui.tab.scroll', [])
             autoRecalculate: '@',
             isButtonsVisible: '=?',
             dropDownClass: '@?',
+            dropDownMenuStyle: '=?',
+            dropdownAppendToBody: '=?',
             dropDownMenuClass: '@?',
             dropDownHeaderTemplateUrl: '@?',
             dropDownHeaderClass: '@?',
@@ -91,9 +93,9 @@ angular.module('ui.tab.scroll', [])
               '<button type="button" ng-mousedown="scrollButtonDown(\'right\', $event)" ng-mouseup="scrollButtonUp()" ng-hide="hideButtons"' +
               ' ng-disabled="disableRight" class="btn nav-button right-nav-button"' +
               ' tooltip-placement="{{tooltipRightDirection}}" uib-tooltip-html="tooltipRightHtml"></button>',
-              '<div class="btn-group" ng-class="::dropDownClass" uib-dropdown dropdown-append-to-body ng-hide="hideDropDown">',
+              '<div class="btn-group" ng-class="::dropDownClass" uib-dropdown dropdown-append-to-body="dropdownAppendToBody" ng-hide="hideDropDown">',
                 '<button type="button" class="btn" uib-dropdown-toggle></button>',
-                '<ul class="dropdown-menu" uib-dropdown-menu role="menu" ng-class="::dropDownMenuClass||\'dropdown-menu-right\'">',
+                '<ul class="dropdown-menu" uib-dropdown-menu role="menu" ng-class="::dropDownMenuClass||\'dropdown-menu-right\'" ng-style="dropDownMenuStyle">',
                   '<li ng-class="::dropDownHeaderClass" ng-include="::dropDownHeaderTemplateUrl"></li>',
                   '<li role="menuitem" ng-repeat="tab in dropdownTabs" ng-class="{\'disabled\': tab.disabled, \'active\': tab.active}" ng-click="activateTab(tab)">',
                     '<a href><span class="dropDownTabActiveMark" ng-style="{\'visibility\': tab.active?\'visible\':\'hidden\'}"></span>{{tab.tabScrollTitle}}</a>',