From 2ceef3eefc3a71e91c2fb95af7ee2fa53e3cb2e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20Krier?= <ced@b2ck.com>
Date: Sun, 4 Oct 2020 00:41:11 +0200
Subject: [PATCH] Close info bar when clicking on it

issue9621
review318281002
---
 src/sao.less  | 17 +++++++++++++++++
 src/window.js |  2 +-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/sao.less b/src/sao.less
index 0a66690e50..a9cda0c8d0 100644
--- a/src/sao.less
+++ b/src/sao.less
@@ -26,6 +26,23 @@ html[theme="default"] {
   .col(1); // kickstart it
 }
 
+// Backport from Bootstrap 4
+.stretched-link {
+    &::after {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        z-index: 1;
+        // Just in case `pointer-events: none` is set on a parent
+        pointer-events: auto;
+        content: "";
+        // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color
+        background-color: rgba(0, 0, 0, 0);
+    }
+}
+
 
 .navbar-inverse {
     .close {
diff --git a/src/window.js b/src/window.js
index 342dddb882..6ae2f98b00 100644
--- a/src/window.js
+++ b/src/window.js
@@ -61,7 +61,7 @@
                 'role': 'alert'
             }).append(jQuery('<button/>', {
                 'type': 'button',
-                'class': 'close',
+                'class': 'close stretched-link',
                 'aria-label': Sao.i18n.gettext('Close')
             }).append(jQuery('<span/>', {
                 'aria-hidden': true