=== modified file 'dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/css/menu.css' --- dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/css/menu.css 2014-05-08 20:57:27 +0000 +++ dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/css/menu.css 2014-05-24 08:58:21 +0000 @@ -328,18 +328,16 @@ width:100px; } -.apps-menu-more -{ +.apps-menu-bottom-button { display: table; height: 34px; padding-top: 8px; text-align: center; - width: 360px; - margin-top: 5px; + margin-top: 5px; + float: left; } -.apps-menu-more a -{ +.apps-menu-bottom-button a { color: #4A89BA; border: 1px solid #ccc; background-color: #f5f5f7; @@ -349,13 +347,28 @@ text-decoration: none; } -.apps-menu-more a:hover +.apps-scroll { + width: 85px; + margin-left: 5px; +} + +.apps-menu-bottom-button a:hover { color: #fff; border: 1px solid #4A89BA; background-color: #4A89BA; } +.apps-menu-more +{ + width: 180px; +} + +.apps-menu-more a +{ + +} + .menu-placeholder { width: 100%; === modified file 'dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/javascripts/dhis2/dhis2.menu.js' --- dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/javascripts/dhis2/dhis2.menu.js 2014-05-08 20:57:27 +0000 +++ dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/javascripts/dhis2/dhis2.menu.js 2014-05-24 08:58:21 +0000 @@ -395,8 +395,6 @@ $('#appsDropDown').addClass('app-menu-dropdown ui-helper-clearfix'); $(selector).html(''); $.tmpl( "appMenuItemTemplate", apps).appendTo(selector); - $('#appsDropDown .menu-drop-down-scroll .apps-menu-more').remove(); - $('.apps-menu-more').clone().css('display', 'table').addClass('ui-helper-clearfix').appendTo($('#appsDropDown .menu-drop-down-scroll')); } function renderAppManager(selector) { @@ -621,16 +619,13 @@ * Adds a scrolling mechanism that makes space for the scrollbar and shows/hides the more apps button */ $('.menu-drop-down-scroll').scroll(function (event) { - var self = $(this), - moreAppsElement = $('#appsDropDown > .apps-menu-more'); + var self = $(this); if (self.scrollTop() < 10) { - moreAppsElement.show(); self.parent().css('width', '360px'); self.parent().parent().css('width', '360px'); } else { if (self.innerHeight() === 375 ) { - moreAppsElement.hide(); self.parent().css('width', '384px'); self.parent().parent().css('width', '384px'); } @@ -748,6 +743,31 @@ }); }); + $('.apps-scroll-up').click(function (event) { + var scrollDistance = 330, + scrollTop = $('.menu-drop-down-scroll').scrollTop(); + + event.preventDefault(); + + $('.menu-drop-down-scroll').animate({ + scrollTop: scrollTop - scrollDistance + }, 200); + }); + + $('.apps-scroll-down').click(function (event) { + var scrollDistance = 330, + scrollTop = $('.menu-drop-down-scroll').scrollTop(); + + event.preventDefault(); + + if (scrollTop < 110) { + scrollDistance += 40; + } + $('.menu-drop-down-scroll').animate({ + scrollTop: scrollTop + scrollDistance + }, 200); + }); + }); })(jQuery, dhis2.menu); === modified file 'dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/main.vm' --- dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/main.vm 2014-05-06 09:20:18 +0000 +++ dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/main.vm 2014-05-24 08:58:21 +0000 @@ -133,7 +133,9 @@ -
$i18n.getString( "more_applications" )
+
$i18n.getString( "more_applications" )
+
+