[ambari] branch trunk updated: AMBARI-24545 Implement Notifications/Coasters from Fluid Design

[at...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

atkach pushed a commit to branch trunk
in repository https://gitbox.apache.org/repos/asf/ambari.git


The following commit(s) were added to refs/heads/trunk by this push:
     new 9e746af  AMBARI-24545 Implement Notifications/Coasters from Fluid Design
9e746af is described below

commit 9e746aff0eb59aff57053463edbec1405a9d6a48
Author: Andrii Tkach <at...@apache.org>
AuthorDate: Mon Aug 27 14:53:46 2018 +0300

    AMBARI-24545 Implement Notifications/Coasters from Fluid Design
---
 ambari-web/app/styles/theme/bootstrap-ambari.css | 69 ++++++++++++++++++++++++
 1 file changed, 69 insertions(+)

diff --git a/ambari-web/app/styles/theme/bootstrap-ambari.css b/ambari-web/app/styles/theme/bootstrap-ambari.css
index 8f3f504..64d1493 100644
--- a/ambari-web/app/styles/theme/bootstrap-ambari.css
+++ b/ambari-web/app/styles/theme/bootstrap-ambari.css
@@ -1474,6 +1474,75 @@ input.radio:checked + label:after {
 .wizard .wizard-body .wizard-content .accordion .panel-group .panel .panel-body {
   padding: 15px 10px 20px 20px;
 }
+.alert {
+  position: relative;
+  background: #FFF;
+  font-size: 12px;
+  color: #676767;
+  border-radius: 2px;
+  border: 1px solid;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
+  padding: 15px;
+}
+.alert .title {
+  font-size: 14px;
+}
+.alert .close {
+  background: transparent;
+  border: 0;
+  position: relative;
+  top: -10px;
+  right: -5px;
+  float: right;
+  font-weight: normal;
+  opacity: 1;
+  color: #999;
+  cursor: pointer;
+  font-size: 20px;
+}
+.alert .alert-icon {
+  font-size: 24px;
+  position: absolute;
+  top: calc(50% - 12px);
+  left: 15px;
+}
+.alert.alert-with-icon {
+  padding-left: 50px;
+}
+.alert.alert-success {
+  border-color: #1EB475;
+}
+.alert.alert-success .title {
+  color: #1EB475;
+}
+.alert.alert-success .alert-icon {
+  color: #1EB475;
+}
+.alert.alert-warning {
+  border-color: #E98A40;
+}
+.alert.alert-warning .title {
+  color: #E98A40;
+}
+.alert.alert-warning .alert-icon {
+  color: #E98A40;
+}
+.alert.alert-danger {
+  border-color: #EF6162;
+}
+.alert.alert-danger .title {
+  color: #EF6162;
+}
+.alert.alert-danger .alert-icon {
+  color: #EF6162;
+}
+.alert.alert-info {
+  background: #FFF;
+  border-color: #999;
+}
+.alert.alert-info .title {
+  color: #333;
+}
 h1,
 h2,
 h3,