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/0472e5f1 Tree: http://git-wip-us.apache.org/repos/asf/ambari/tree/0472e5f1 Diff: http://git-wip-us.apache.org/repos/asf/ambari/diff/0472e5f1 Branch: refs/heads/branch-3.0-perf Commit: 0472e5f1ecf59ea5320b3544c259b95642548c59 Parents: 27105de Author: padmapriyanitt <[email protected]> Authored: Tue Apr 4 15:09:30 2017 +0530 Committer: Andrew Onishuk <[email protected]> Committed: Thu Apr 6 12:32:56 2017 +0300 ---------------------------------------------------------------------- .../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/0472e5f1/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/0472e5f1/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">
