From 2dc0ad07a0bfdb40918762abb80eb65da05332c0 Mon Sep 17 00:00:00 2001
From: Aleksander Machniak <machniak@kolabsys.com>
Date: Wed, 14 Feb 2018 12:37:05 +0100
Subject: [PATCH] Add .boxconfirmation style

---
 skins/elastic/styles/colors.less           | 1 +
 skins/elastic/styles/widgets/messages.less | 5 +++++
 skins/elastic/ui.js                        | 2 +-
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/skins/elastic/styles/colors.less b/skins/elastic/styles/colors.less
index 5a225b206..072dd654c 100644
--- a/skins/elastic/styles/colors.less
+++ b/skins/elastic/styles/colors.less
@@ -107,6 +107,7 @@
 @color-message-shadow:              @color-black-shade-bg;
 @color-message-error-background:    fadeout(@color-message-error, 95%);
 @color-message-information-background: fadeout(@color-message-information, 95%);
+@color-message-success-background:  fadeout(@color-message-success, 95%);
 @color-message-warning-background:  fadeout(#ffff66, 75%);
 
 
diff --git a/skins/elastic/styles/widgets/messages.less b/skins/elastic/styles/widgets/messages.less
index a0704d07b..ed2c646ad 100644
--- a/skins/elastic/styles/widgets/messages.less
+++ b/skins/elastic/styles/widgets/messages.less
@@ -116,6 +116,7 @@
     }
 
     &.boxerror,
+    &.boxconfirmation,
     &.boxinformation,
     &.boxwarning {
         float: none;
@@ -141,6 +142,10 @@
         background-color: @color-message-background;
     }
 
+    &.boxconfirmation {
+        background-color: @color-message-success-background;
+    }
+
     &.boxwarning {
         background-color: @color-message-warning-background;
     }
diff --git a/skins/elastic/ui.js b/skins/elastic/ui.js
index bdb07037a..b986eb911 100644
--- a/skins/elastic/ui.js
+++ b/skins/elastic/ui.js
@@ -629,7 +629,7 @@ function rcube_elastic_ui()
         $('input.button.mainaction,button.primary,button.mainaction', context).addClass('btn-primary');
         $('button.btn.delete,button.btn.discard', context).addClass('btn-danger');
 
-        $.each(['warning', 'error', 'information'], function() {
+        $.each(['warning', 'error', 'information', 'confirmation'], function() {
             var type = this;
             $('.box' + type, context).each(function() {
                 alert_style(this, type, true);