From d2401830737c4eaa64edace7fde845c8b1bce435 Mon Sep 17 00:00:00 2001
From: Roberto Rosario <roberto.rosario@mayan-edms.com>
Date: Tue, 3 Dec 2019 23:23:17 -0400
Subject: [PATCH] Hide multi item selection text on mobile screens

Signed-off-by: Roberto Rosario <roberto.rosario@mayan-edms.com>
---
 HISTORY.rst                                               | 1 +
 mayan/apps/appearance/static/appearance/css/base.css      | 8 ++++++++
 .../appearance/templates/appearance/list_toolbar.html     | 4 +++-
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/HISTORY.rst b/HISTORY.rst
index be4f639ccf..1097e9f332 100644
--- a/HISTORY.rst
+++ b/HISTORY.rst
@@ -4,6 +4,7 @@
 - Add preparestatic command to documentation. GitLab issue #692.
   Thanks to Christopher S. Meiklejohn (@cmeiklejohn2) for the report.
 - Fix username color on mobile screens.
+- Hide the multi item selection help text on mobile screens.
 
 3.3 (2019-12-03)
 ================
diff --git a/mayan/apps/appearance/static/appearance/css/base.css b/mayan/apps/appearance/static/appearance/css/base.css
index 1022e92a32..67e9ccbbd9 100644
--- a/mayan/apps/appearance/static/appearance/css/base.css
+++ b/mayan/apps/appearance/static/appearance/css/base.css
@@ -476,6 +476,10 @@ a i {
     color: white;
 }
 
+#multi-item-title-responsible-wrapper {
+    display: none;
+}
+
 @media (min-width: 768px) {
     #menu-main {
         display: block;
@@ -495,6 +499,10 @@ a i {
 
     }
 
+    #multi-item-title-responsible-wrapper {
+        display: block;
+    }
+
     .navbar-brand {
         text-align: center;
         width: 210px;
diff --git a/mayan/apps/appearance/templates/appearance/list_toolbar.html b/mayan/apps/appearance/templates/appearance/list_toolbar.html
index 72a4148390..610585d891 100644
--- a/mayan/apps/appearance/templates/appearance/list_toolbar.html
+++ b/mayan/apps/appearance/templates/appearance/list_toolbar.html
@@ -54,7 +54,9 @@
     {% endif %}
 
     {% if links_multi_menus_results %}
-        <p class="pull-right" id="multi-item-title" style="line-height: 16px; padding-top: 8px;">{% trans 'Select items to activate bulk actions. Use Shift + click to select many.' %}</p>
+        <div id="multi-item-title-responsible-wrapper">
+            <p class="pull-right" id="multi-item-title" style="line-height: 16px; padding-top: 8px;">{% trans 'Select items to activate bulk actions. Use Shift + click to select many.' %}</p>
+        </div>
 
         <div class="pull-right btn-group" id="multi-item-actions" style="display: none;">
             <button aria-expanded="true" class="btn btn-danger btn-sm dropdown-toggle" data-toggle="dropdown" type="button">