From 77ac9a7e3bc933282a9d62d4a088af6212846587 Mon Sep 17 00:00:00 2001
From: Paul Holden <paulh@moodle.com>
Date: Wed, 13 Oct 2021 10:44:55 +0100
Subject: [PATCH] MDL-72801 theme_boost: make footer documentation link icon
 visible.

This change also makes the new window icon next to the feedback
link always visible (rather than only on focus).

Co-authored-by: Bas Brands <bas@moodle.com>
---
 theme/boost/scss/moodle/core.scss     | 2 +-
 theme/boost/style/moodle.css          | 6 +++---
 theme/boost/templates/footer.mustache | 2 +-
 theme/classic/style/moodle.css        | 6 +++---
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/theme/boost/scss/moodle/core.scss b/theme/boost/scss/moodle/core.scss
index b99b369d43a..bb0e8e98919 100644
--- a/theme/boost/scss/moodle/core.scss
+++ b/theme/boost/scss/moodle/core.scss
@@ -2298,7 +2298,7 @@ ul {
 // rather than being specific to the footer. This is kept for backwards compatibility.
 $footer-link-color: $bg-inverse-link-color !default;
 
-.footer-dark {
+.footer-dark .container {
     a {
         color: $footer-link-color;
         text-decoration: underline;
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index cb8b4df8d78..4704106f3e0 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -11735,12 +11735,12 @@ ul {
       margin-top: 30px;
       margin-right: 0; } }
 
-.footer-dark a {
+.footer-dark .container a {
   color: #fff;
   text-decoration: underline; }
-  .footer-dark a .icon {
+  .footer-dark .container a .icon {
     color: #fff; }
-  .footer-dark a:focus .icon {
+  .footer-dark .container a:focus .icon {
     color: #212529; }
 
 .btn-footer-popover {
diff --git a/theme/boost/templates/footer.mustache b/theme/boost/templates/footer.mustache
index 907d4ed6b19..f2a6e58a310 100644
--- a/theme/boost/templates/footer.mustache
+++ b/theme/boost/templates/footer.mustache
@@ -35,7 +35,7 @@
             {{#pix}}e/question, core{{/pix}}
         </button>
     </div>
-    <div class="footer-content-popover" data-region="footer-content-popover">
+    <div class="footer-content-popover container" data-region="footer-content-popover">
 
         {{# output.page_doc_link }}
             <div class="footer-section p-3 border-bottom">
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index d99ffa7de6c..fc198d5b7af 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -11735,12 +11735,12 @@ ul {
       margin-top: 30px;
       margin-right: 0; } }
 
-.footer-dark a {
+.footer-dark .container a {
   color: #fff;
   text-decoration: underline; }
-  .footer-dark a .icon {
+  .footer-dark .container a .icon {
     color: #fff; }
-  .footer-dark a:focus .icon {
+  .footer-dark .container a:focus .icon {
     color: #212529; }
 
 .btn-footer-popover {