From 4d2c9523a3663c58b6f22ca497e139028b3a20dd Mon Sep 17 00:00:00 2001
From: Laurent Cozic <laurent@cozic.net>
Date: Sat, 13 Jul 2019 16:42:57 +0100
Subject: [PATCH] Desktop: Fixes #1699: Hide toolbar button text when it is
 below a certain size

---
 ElectronClient/app/gui/Header.jsx | 5 ++++-
 ElectronClient/app/style.css      | 6 ++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/ElectronClient/app/gui/Header.jsx b/ElectronClient/app/gui/Header.jsx
index cfcd389d8c..fc6003300c 100644
--- a/ElectronClient/app/gui/Header.jsx
+++ b/ElectronClient/app/gui/Header.jsx
@@ -137,14 +137,17 @@ class HeaderComponent extends React.Component {
 			opacity: isEnabled ? 1 : 0.4,
 		});
 
+		const title = options.title ? options.title : '';
+
 		return <a
 			className={classes.join(' ')}
 			style={finalStyle}
 			key={key}
 			href="#"
+			title={title}
 			onClick={() => { if (isEnabled) options.onClick() }}
 		>
-			{icon}{options.title ? options.title : ''}
+			{icon}<span className="title">{title}</span>
 		</a>
 	}
 
diff --git a/ElectronClient/app/style.css b/ElectronClient/app/style.css
index a39a653f97..1b8e82d7a4 100644
--- a/ElectronClient/app/style.css
+++ b/ElectronClient/app/style.css
@@ -121,4 +121,10 @@ table td, table th {
 
 :disabled {
 	opacity: 0.6;
+}
+
+@media screen and (max-width:550px){    
+	.header .title {
+		display: none;
+	}
 }
\ No newline at end of file