AMBARI-20659.Notification widgets position have been fixed and size have been reduced.(Venkata Sairam via padmapriyanitt)
Project: http://git-wip-us.apache.org/repos/asf/ambari/repo Commit: http://git-wip-us.apache.org/repos/asf/ambari/commit/92e5b590 Tree: http://git-wip-us.apache.org/repos/asf/ambari/tree/92e5b590 Diff: http://git-wip-us.apache.org/repos/asf/ambari/diff/92e5b590 Branch: refs/heads/branch-feature-AMBARI-12556 Commit: 92e5b590c99daf71996f95e2a8c45a76fd20df82 Parents: 1984868 Author: padmapriyanitt <[email protected]> Authored: Tue Apr 4 15:09:30 2017 +0530 Committer: padmapriyanitt <[email protected]> Committed: Tue Apr 4 15:09:30 2017 +0530 ---------------------------------------------------------------------- .../hive20/src/main/resources/ui/app/styles/app.scss | 14 ++++++++++++-- .../ui/app/templates/components/alert-message.hbs | 6 +++--- 2 files changed, 15 insertions(+), 5 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/ambari/blob/92e5b590/contrib/views/hive20/src/main/resources/ui/app/styles/app.scss ---------------------------------------------------------------------- diff --git a/contrib/views/hive20/src/main/resources/ui/app/styles/app.scss b/contrib/views/hive20/src/main/resources/ui/app/styles/app.scss index e083922..650c1d6 100644 --- a/contrib/views/hive20/src/main/resources/ui/app/styles/app.scss +++ b/contrib/views/hive20/src/main/resources/ui/app/styles/app.scss @@ -681,7 +681,7 @@ pre { } .flash-messages-wrap { - position: absolute; + position: fixed; width: 40%; min-width: 575px; left: 50%; @@ -693,12 +693,16 @@ pre { border-radius: $border-radius-large; .alert-icon { float: left; + position: relative; + bottom: 1px; + left: 10px; margin-right: 15px; + max-height: 15px; } .alert-message-wrap { display: table; - min-height: 56px; + min-height: 25px; .alert-message { display: table-cell; vertical-align: middle; @@ -707,6 +711,12 @@ pre { } +.wrap-message { + span { + line-height: 1.9em; + } +} + .jobs-status { border-top: 1px solid darken($body-bg, 10%); border-bottom: 1px solid darken($body-bg, 10%); http://git-wip-us.apache.org/repos/asf/ambari/blob/92e5b590/contrib/views/hive20/src/main/resources/ui/app/templates/components/alert-message.hbs ---------------------------------------------------------------------- diff --git a/contrib/views/hive20/src/main/resources/ui/app/templates/components/alert-message.hbs b/contrib/views/hive20/src/main/resources/ui/app/templates/components/alert-message.hbs index 2f114f9..abc66ec 100644 --- a/contrib/views/hive20/src/main/resources/ui/app/templates/components/alert-message.hbs +++ b/contrib/views/hive20/src/main/resources/ui/app/templates/components/alert-message.hbs @@ -19,9 +19,9 @@ <div class={{alert-message-context-class flash.type "clearfix alert alert-dismissible alert-"}}> <button type="button" class="close" {{action "closeAlert"}}>×</button> <div class="alert-icon wrap-message"> - {{#fa-stack size=2}} - {{fa-icon "circle-thin" stack=2}} - {{fa-icon (alert-message-icon-class flash.type) stack=1}} + {{#fa-stack size=1}} + {{fa-icon "circle-thin" stack=2 size=1}} + {{fa-icon (alert-message-icon-class flash.type) stack=1 size=1}} {{/fa-stack}} </div> <div class="alert-message-wrap wrap-message">
