You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ambari.apache.org by jo...@apache.org on 2017/04/06 18:58:15 UTC
[26/50] ambari git commit: AMBARI-20659.Notification widgets position
have been fixed and size have been reduced.(Venkata Sairam via
padmapriyanitt)
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 <pa...@gmail.com>
Authored: Tue Apr 4 15:09:30 2017 +0530
Committer: padmapriyanitt <pa...@gmail.com>
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">