From e4446ad2c2a75154025d7d96a9195aa8c7108725 Mon Sep 17 00:00:00 2001 From: moisseev Date: Wed, 29 Jun 2022 17:52:57 +0300 Subject: [PATCH] [WebUI] Tweak history table layout --- interface/css/rspamd.css | 6 ++++++ interface/js/app/history.js | 5 ++++- 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/interface/css/rspamd.css b/interface/css/rspamd.css index 4c279cda7..9e09b13a5 100644 --- a/interface/css/rspamd.css +++ b/interface/css/rspamd.css @@ -371,6 +371,12 @@ table#symbolsTable input[type="number"] { #historyTable_history > thead > tr > th { padding-right: 20px; } +@media (min-width: 576px) and (max-width: 1199px) { + .history-col-time { + /* Avoid taking multiple lines in every row when one of rows has long ID */ + white-space: nowrap; + } +} #history_page_size { width: 6em !important; diff --git a/interface/js/app/history.js b/interface/js/app/history.js index e6573cd1e..7409be597 100644 --- a/interface/js/app/history.js +++ b/interface/js/app/history.js @@ -132,7 +132,9 @@ define(["jquery", "footable"], title: "Score", style: { "font-size": "11px", - "maxWidth": 110 + "maxWidth": 110, + "text-align": "right", + "white-space": "nowrap" }, sortValue: function (val) { return Number(val.options.sortValue); } }, { @@ -172,6 +174,7 @@ define(["jquery", "footable"], }, sortValue: function (val) { return Number(val); } }, { + classes: "history-col-time", sorted: true, direction: "DESC", name: "time", -- 2.39.5