From dba5761ad003cffc6dab178a7780c545d037f472 Mon Sep 17 00:00:00 2001
From: Yogesh Jain <yogesh.jain@enterprisedb.com>
Date: Tue, 12 May 2020 17:15:30 +0530
Subject: [PATCH] Fixed an issue where clicking on the cross button of the
 alert box on the login page is not working. Fixes #4033

---
 docs/en_US/release_notes_4_22.rst            | 1 +
 web/pgadmin/templates/security/messages.html | 9 +++++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/docs/en_US/release_notes_4_22.rst b/docs/en_US/release_notes_4_22.rst
index 7c3d9ddd6..fe124310c 100644
--- a/docs/en_US/release_notes_4_22.rst
+++ b/docs/en_US/release_notes_4_22.rst
@@ -23,6 +23,7 @@ Bug fixes
 *********
 
 | `Issue #3694 <https://redmine.postgresql.org/issues/3694>`_ -  Gracefully informed the user that the database is already connected when they click on "Connect Database...".
+| `Issue #4033 <https://redmine.postgresql.org/issues/4033>`_ -  Fixed an issue where clicking on the cross button of the alert box on the login page is not working.
 | `Issue #4223 <https://redmine.postgresql.org/issues/4223>`_ -  Ensure that maintenance job should be worked properly for indexes under a materialized view.
 | `Issue #4279 <https://redmine.postgresql.org/issues/4279>`_ -  Ensure that file browse "home" button should point to $HOME rather than /.
 | `Issue #4840 <https://redmine.postgresql.org/issues/4840>`_ -  Ensure that 'With OID' option should be disabled while taking backup of database server version 12 and above.
diff --git a/web/pgadmin/templates/security/messages.html b/web/pgadmin/templates/security/messages.html
index 6c6626745..6fc11e0fb 100644
--- a/web/pgadmin/templates/security/messages.html
+++ b/web/pgadmin/templates/security/messages.html
@@ -2,12 +2,17 @@
 {% if messages %}
 <div style="position: fixed; top: 20px; right: 20px; width: 400px; z-index: 9999">
     {% for category, message in messages %}
-    <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
+    <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert" id="alertbox">
         {{ message }}
-        <button type="button" class="close" data-dismiss="alert" aria-label="{{ _('Close') }}"><span
+        <button onclick="hide()" type="button" class="close" data-dismiss="alert" aria-label="{{ _('Close') }}"><span
                 aria-hidden="true">&times;</span></button>
     </div>
     {% endfor %}
 </div>
+<script>
+function hide(){
+    document.getElementById("alertbox").classList.remove("show");
+}
+</script>
 {% endif %}
 {%- endwith %}