You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ambari.apache.org by xi...@apache.org on 2014/12/05 03:29:18 UTC
[2/2] ambari git commit: AMBARI-8548. Alerts UI: Layout for alerts is
broken with wrap around for hostnames.(xiwang)
AMBARI-8548. Alerts UI: Layout for alerts is broken with wrap around for hostnames.(xiwang)
Project: http://git-wip-us.apache.org/repos/asf/ambari/repo
Commit: http://git-wip-us.apache.org/repos/asf/ambari/commit/f5ed6359
Tree: http://git-wip-us.apache.org/repos/asf/ambari/tree/f5ed6359
Diff: http://git-wip-us.apache.org/repos/asf/ambari/diff/f5ed6359
Branch: refs/heads/trunk
Commit: f5ed63590a038b51e0a0d9212c009876b03568af
Parents: 96c9e20
Author: Xi Wang <xi...@apache.org>
Authored: Thu Dec 4 11:25:11 2014 -0800
Committer: Xi Wang <xi...@apache.org>
Committed: Thu Dec 4 18:09:52 2014 -0800
----------------------------------------------------------------------
ambari-web/app/styles/alerts.less | 20 +++++++++++++++-----
1 file changed, 15 insertions(+), 5 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/ambari/blob/f5ed6359/ambari-web/app/styles/alerts.less
----------------------------------------------------------------------
diff --git a/ambari-web/app/styles/alerts.less b/ambari-web/app/styles/alerts.less
index b203698..8785eee 100644
--- a/ambari-web/app/styles/alerts.less
+++ b/ambari-web/app/styles/alerts.less
@@ -433,7 +433,7 @@
max-height: 340px;
width: 100%;
.alert-list-wrap {
- padding: 10px 10px 10px 20px;
+ padding: 10px 5px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
@@ -443,17 +443,17 @@
.status-icon {
padding-left: 5px;
float: left;
- width: 10%;
+ width: 12%;
min-width: 20px;
}
.name-text {
- padding-left: 10px;
- width: 35%;
+ padding-left: 5px;
float: left;
+ width: 33%;
}
.service-text {
padding-left: 5px;
- width: 30%;
+ width: 33%;
float: left;
.na-text {
color: #808080;
@@ -461,10 +461,20 @@
}
.last-triggered-text {
padding-left: 5px;
+ float: left;
+ width: 18%;
color: #808080;
font-size: 12px;
}
}
+ .alert-list-line-cursor:before,.alert-list-line-cursor:after {
+ display: table;
+ line-height: 0;
+ content: "";
+ }
+ .alert-list-line-cursor:after {
+ clear: both;
+ }
.show-more {
width: 98.8%;
min-height: 20px;