From 0be9465dca1742f476e4ff7d1f48c7f651de8a07 Mon Sep 17 00:00:00 2001
From: chylex <contact@chylex.com>
Date: Tue, 29 May 2018 15:23:41 +0200
Subject: [PATCH] Fix column icons being hidden by title with clear-columns or
 edit-design features on

---
 Resources/Plugins/clear-columns/browser.js |  2 ++
 Resources/Scripts/styles/browser.css       | 23 ++++++++++++++++++++++
 2 files changed, 25 insertions(+)

diff --git a/Resources/Plugins/clear-columns/browser.js b/Resources/Plugins/clear-columns/browser.js
index 792cf454..8fe43d4e 100644
--- a/Resources/Plugins/clear-columns/browser.js
+++ b/Resources/Plugins/clear-columns/browser.js
@@ -99,6 +99,8 @@ enabled(){
   // load custom style
   var css = window.TDPF_createCustomStyle(this);
   css.insert(".js-app-add-column.is-hidden + .clear-columns-btn-all-parent { display: none; }");
+  css.insert(".column-header-links { min-width: 51px !important; }");
+  css.insert("[data-td-icon='icon-message'] .column-header-links { min-width: 110px !important; }");
   css.insert(".column-navigator-overflow .clear-columns-btn-all-parent { display: none !important; }");
   css.insert(".column-navigator-overflow { bottom: 224px !important; }");
   css.insert("[data-action='td-clearcolumns-dosingle'] { padding: 3px 0 !important; }");
diff --git a/Resources/Scripts/styles/browser.css b/Resources/Scripts/styles/browser.css
index 4afd9d2b..a354f3c0 100644
--- a/Resources/Scripts/styles/browser.css
+++ b/Resources/Scripts/styles/browser.css
@@ -221,6 +221,29 @@ a[data-full-url] {
   bottom: 0 !important;
 }
 
+/**********************************************************/
+/* Prevent column icons from being hidden by column title */
+/**********************************************************/
+
+.column-header-title {
+  overflow: hidden !important;
+}
+
+.column-heading {
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.column-header-links {
+  max-width: 100% !important;
+}
+
+[data-td-icon="icon-message"] .column-header-links {
+  min-width: 86px;
+}
+
 /*******************************************/
 /* Fix general visual issues or annoyances */
 /*******************************************/