[Rt-commit] rt branch 5.0/search-filter updated. rt-5.0.1-622-g8c53038cc2

[BPS Git Server]

This is an automated email from the git hooks/post-receive script. It was
generated because a ref change was pushed to the repository containing
the project "rt".

The branch, 5.0/search-filter has been updated
       via  8c53038cc27c62f7c956002eec79a0ff93121308 (commit)
      from  b21ddef3dd254036f1486af7065a35df5301da96 (commit)

Those revisions listed above that are new to this repository have
not appeared on any other notification email; so we list those
revisions in full, below.

- Log -----------------------------------------------------------------
commit 8c53038cc27c62f7c956002eec79a0ff93121308
Author: sunnavy <sunnavy at bestpractical.com>
Date:   Fri Sep 3 04:14:09 2021 +0800

    Get around the issue of overflowing icons in search results header for Firefox
    
    We want to allow text in header to wrap, but not icons. Unfortunately
    Firefox doesn't wrap text properly in this case, which could cause
    nowrap icons after to overflow.

diff --git a/share/static/css/elevator-light/collection.css b/share/static/css/elevator-light/collection.css
index ec5f55a43b..5a103989be 100644
--- a/share/static/css/elevator-light/collection.css
+++ b/share/static/css/elevator-light/collection.css
@@ -65,3 +65,24 @@ th.collection-as-table {
 th.collection-as-table span.title {
     white-space: normal;
 }
+
+/* When determining if text shall be wrapped, Firefox seems overlook the
+ * following nowrap icons, which could cause these icons to overflow. Here
+ * we intentionally add some space to the title box to get around this issue
+ * */
+
+ at -moz-document url-prefix() {
+
+    th.collection-as-table span.title {
+        padding-right: 2em;
+    }
+
+    th.collection-as-table span.title + * {
+        margin-left: -2em;
+    }
+
+    /* no need extra space if there are no icons */
+    th.collection-as-table span.title:last-child {
+        padding-right: 0;
+    }
+}

-----------------------------------------------------------------------

Summary of changes:
 share/static/css/elevator-light/collection.css | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)


hooks/post-receive
-- 
rt