commit da569a6: [Minor] WebUI CSS: Drop ancient gradient syntaxes

[moisseev]

Author: moisseev
Date: 2022-02-10 11:08:50 +0300
URL: https://github.com/rspamd/rspamd/commit/da569a6c6ffb3e53d6fe6041248fb3c6e410bd1d (refs/pull/4069/head)

[Minor] WebUI CSS: Drop ancient gradient syntaxes

---
 interface/css/rspamd.css  | 21 ++++-----------------
 interface/js/app/stats.js |  4 ++--
 2 files changed, 6 insertions(+), 19 deletions(-)

diff --git a/interface/css/rspamd.css b/interface/css/rspamd.css
index 8b7e8f6dc..3fbc31769 100644
--- a/interface/css/rspamd.css
+++ b/interface/css/rspamd.css
@@ -210,17 +210,8 @@ table#symbolsTable input[type="number"] {
 /* widget */
 .card-header,
 .modal-header {
-    background-color: #efefef;
-    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#fdfdfd), to(#eaeaea));
-    background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
-    background-image: -moz-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
-    background-image: -ms-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
-    background-image: -o-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
-    background-image: -linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
-
-    /* IE6-9 */
-    /* stylelint-disable-next-line function-name-case */
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdfdfd", endColorstr="#eaeaea", GradientType=0);
+    background-color: #f3f3f3;
+    background-image: linear-gradient(to bottom, #fdfdfd, #eaeaea);
 }
 .card-header > .icon > svg {
     vertical-align: middle;
@@ -230,12 +221,8 @@ table#symbolsTable input[type="number"] {
 }
 
 .stat-box {
-    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#f9f9f9), to(#ededed));
-    background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #ededed 100%);
-    background-image: -moz-linear-gradient(top, #f9f9f9 0%, #ededed 100%);
-    background-image: -ms-linear-gradient(top, #f9f9f9 0%, #ededed 100%);
-    background-image: -o-linear-gradient(top, #f9f9f9 0%, #ededed 100%);
-    background-image: linear-gradient(to bottom, #f9f9f9 0%, #ededed 100%);
+    background-color: #f3f3f3;
+    background-image: linear-gradient(to bottom, #f9f9f9, #ededed);
     line-height: 1;
 }
 .stat-box:not(.float-right) {
diff --git a/interface/js/app/stats.js b/interface/js/app/stats.js
index b674d25c3..b7194a157 100644
--- a/interface/js/app/stats.js
+++ b/interface/js/app/stats.js
@@ -71,7 +71,7 @@ define(["jquery", "d3pie"],
                 function widget(k, v, cls) {
                     var c = (typeof cls === "undefined") ? "" : cls;
                     var titleAtt = d3.format(",")(v) + " " + k;
-                    return '<div class="card stat-box d-inline-block text-center bg-light shadow-sm mr-3 px-3">' +
+                    return '<div class="card stat-box d-inline-block text-center shadow-sm mr-3 px-3">' +
                       '<div class="widget overflow-hidden p-2' + c + '" title="' + titleAtt +
                       '"><strong class="d-block mt-2 mb-1 font-weight-bold">' +
                     d3.format(".3~s")(v) + "</strong>" + k + "</div></div>";
@@ -100,7 +100,7 @@ define(["jquery", "d3pie"],
                 $(item).appendTo("#statWidgets");
             });
             $("#statWidgets > div:not(.stat-box)")
-                .wrapAll('<div class="card stat-box text-center bg-light shadow-sm float-right">' +
+                .wrapAll('<div class="card stat-box text-center shadow-sm float-right">' +
                   '<div class="widget overflow-hidden p-2 text-capitalize"></div></div>');
             $("#statWidgets").find("div.float-right").appendTo("#statWidgets");
             $("#statWidgets").show();