AMBARI-11147. Widget browser: Button in the footer is not visible due to the increased height.(xiwang)
Project: http://git-wip-us.apache.org/repos/asf/ambari/repo Commit: http://git-wip-us.apache.org/repos/asf/ambari/commit/546c919a Tree: http://git-wip-us.apache.org/repos/asf/ambari/tree/546c919a Diff: http://git-wip-us.apache.org/repos/asf/ambari/diff/546c919a Branch: refs/heads/trunk Commit: 546c919ae27c9bb108765645ac6443da15c28d01 Parents: 00bd078 Author: Xi Wang <xiw...@apache.org> Authored: Thu May 14 15:57:20 2015 -0700 Committer: Xi Wang <xiw...@apache.org> Committed: Thu May 14 17:40:50 2015 -0700 ---------------------------------------------------------------------- .../app/styles/enhanced_service_dashboard.less | 24 ++++++++++++++++---- .../modal_popups/widget_browser_popup.hbs | 2 +- 2 files changed, 20 insertions(+), 6 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/ambari/blob/546c919a/ambari-web/app/styles/enhanced_service_dashboard.less ---------------------------------------------------------------------- diff --git a/ambari-web/app/styles/enhanced_service_dashboard.less b/ambari-web/app/styles/enhanced_service_dashboard.less index 5ea0c08..4ca4b54 100644 --- a/ambari-web/app/styles/enhanced_service_dashboard.less +++ b/ambari-web/app/styles/enhanced_service_dashboard.less @@ -543,9 +543,12 @@ .sixty-percent-width-modal.widgets-browser-popup { .modal { - max-height: 703px; + max-height: 600px; + position: fixed; .modal-body { - min-height: 541px; + padding-top: 0px; + min-height: 290px; + max-height: 460px; } } @@ -553,10 +556,14 @@ min-width: 750px; max-width: 900px; #services-filter-bar { - padding: 0px 10px 0px 10px; - margin-bottom: 10px; + position: fixed; + padding: 10px 10px 5px 10px; + margin-bottom: 5px; border-bottom: transparent; - width: 80%; + background-color: white; + width: 56%; + z-index: 10; + li > a { font-size: 14px; padding: 5px 5px; @@ -566,7 +573,14 @@ border-bottom: transparent; } } + #create-widget-button { + position: fixed; + padding-top: 10px; + right: 23%; + z-index: 11; + } #widgets-info { + padding-top: 40px; .widgets-info-container { .span6.widget-info-section { width: 44%; http://git-wip-us.apache.org/repos/asf/ambari/blob/546c919a/ambari-web/app/templates/common/modal_popups/widget_browser_popup.hbs ---------------------------------------------------------------------- diff --git a/ambari-web/app/templates/common/modal_popups/widget_browser_popup.hbs b/ambari-web/app/templates/common/modal_popups/widget_browser_popup.hbs index aa26488..3396cb6 100644 --- a/ambari-web/app/templates/common/modal_popups/widget_browser_popup.hbs +++ b/ambari-web/app/templates/common/modal_popups/widget_browser_popup.hbs @@ -21,7 +21,7 @@ <div class="widget-browser-content"> <!--Create new widget button--> {{#isAccessible ADMIN}} - <div class="btn-group pull-right"> + <div class="btn-group pull-right" id="create-widget-button"> <button type="button" class="btn btn-primary" {{action "createWidget" target="view"}} > <i class="icon-plus"></i> {{t dashboard.widgets.create}} </button>