Fix and improve boxwarnings

skins/elastic/styles/colors.less

@@ -104,6 +104,9 @@
 @color-message-error:               @color-error;
 @color-message-loading:             #333;
 @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-warning-background:  fadeout(#ffff66, 75%);
 
 
 // Popovers (menus)

skins/elastic/styles/widgets/mail.less

@@ -201,6 +201,9 @@
     color: @color-mail-headers;
 
     .header-title {
+        .overflow-ellipsis;
+        white-space: nowrap;
+        max-width: 7em;
         font-weight: bold;
         padding-right: 1rem;
         vertical-align: top;

skins/elastic/styles/widgets/messages.less

@@ -44,8 +44,7 @@
     }
 }
 
-// .boxwarning/.boxerror/.boxinformation classes are supported
-// by conversion to .ui.alert in bootstrap_init()
+// .boxwarning/.boxerror/.boxinformation classes are converted to .ui.alert in bootstrap_init()
 
 .ui.alert {
     margin: 0;
@@ -164,4 +163,16 @@
             margin-top: 1rem;
         }
     }
+
+    &.boxerror {
+        background-color: @color-message-error-background;
+    }
+
+    &.boxinformation {
+        background-color: @color-message-information-background;
+    }
+
+    &.boxwarning {
+        background-color: @color-message-warning-background;
+    }
 }

skins/elastic/ui.js

@@ -681,7 +681,10 @@ function rcube_elastic_ui()
 
         // Make message-objects alerts pretty (the same as UI alerts)
         $('#message-objects', context).children().each(function() {
-            alert_style(this, $(this).addClass('boxwarning').attr('class').split(/\s/)[0]);
+            // message objects with notice class are really warnings
+            var cl = $(this).removeClass('notice').attr('class').split(/\s/)[0] || 'warning';
+            alert_style(this, cl);
+            $(this).addClass('box' + cl);
             $('a', this).addClass('btn btn-primary');
         });