Merge pull request #81 from return42/csp-bar-graph

 [fix] make /stats more CSP compliant

2 files changed, 98 insertions, 10 deletions

diff --git a/searx/static/themes/__common__/less/new_issue.less b/searx/static/themes/__common__/less/new_issue.less
index 339d4ce47..175bd3cec 100644
--- a/searx/static/themes/__common__/less/new_issue.less
+++ b/searx/static/themes/__common__/less/new_issue.less
@@ -1,14 +1,19 @@
 .github-issue-button {
-  display: block;
-  padding: 8px 16px;
-  font-family: sans-serif;
-  font-size: 16px;
-  color: white;
-  background-color: #238636 !important; /* important is needed cause to an !important in logicodev-dark */
-  border: #2ea043;
-  border-radius: 10px !important;
-  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
+    display: block;
+    padding: 8px 16px;
+    font-family: sans-serif;
+    font-size: 16px;
+    color: white;
+    background-color: #238636 !important; /* important is needed cause to an !important in logicodev-dark */
+    border: #2ea043;
+    border-radius: 10px !important;
+    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
 }
+
 .github-issue-button:hover {
-  background-color: #2ea043;
+    background-color: #2ea043;
+}
+
+.issue-hide {
+    display: none;
 }
diff --git a/searx/static/themes/__common__/less/stats.less b/searx/static/themes/__common__/less/stats.less
new file mode 100644
index 000000000..687d15906
--- /dev/null
+++ b/searx/static/themes/__common__/less/stats.less
@@ -0,0 +1,83 @@
+.engine-stats {
+
+    .engine-name {
+        width: 20rem;
+    }
+
+    .engine-score {
+        width: 7rem;
+        text-align: right;
+    }
+
+    .result-count {
+    }
+
+    .response-time {
+    }
+
+    .engine-reliability {
+        text-align: right;
+    }
+
+    table.engine-error {
+        max-width: 1280px;
+        margin: 1rem;
+        border: 1px solid gray;
+    }
+
+    table.engine-error th.engine-error-type,
+    table.engine-error td.engine-error-type,
+    failed-test {
+        width: 10rem;
+    }
+
+    table.engine-error span.log_parameters
+    {
+        border-right: 1px solid gray;
+        padding: 0 1rem 0 0;
+        margin: 0 0 0 0.5rem;
+    }
+}
+
+.bar-chart-value {
+    width: 3em;
+    display: inline-block;
+    text-align: right;
+    padding-right: 0.5rem;
+}
+
+.bar-chart-graph {
+    width: calc(100% - 5rem);
+    display: inline-block;
+}
+
+.bar-chart-bar {
+    border: 3px solid #5bc0de;
+    margin: 1px 0;
+}
+
+.bar-chart-serie1 {
+    border: 3px solid #5bc0de;
+    margin: 1px 0;
+    float: left;
+}
+
+.bar-chart-serie2 {
+    border: 3px solid #deb15b;
+    margin: 1px 0;
+    float: left;
+}
+
+.bar0{
+    width: 0;
+    border: 0;
+}
+
+.generate-bar(100);
+
+.generate-bar(@n, @i: 1) when (@i =< @n) {
+    .bar@{i} {
+        width: (@i * 100% / @n);
+    }
+    .generate-bar(@n, (@i + 1));
+}