MDL-78534 Authentication: MFA Core login page style changes

Core login page and style changes to support mfa login workflow.
These are minor adjustments to core CSS and a core renderer
change to allow login workflow to better support MFA.

lib/outputrenderers.php

@@ -4259,9 +4259,10 @@ EOD;
      * Returns the HTML for the site support email link
      *
      * @param array $customattribs Array of custom attributes for the support email anchor tag.
+     * @param bool $embed Set to true if you want to embed the link in other inline content.
      * @return string The html code for the support email link.
      */
-    public function supportemail(array $customattribs = []): string {
+    public function supportemail(array $customattribs = [], bool $embed = false): string {
         global $CFG;
 
         // Do not provide a link to contact site support if it is unavailable to this user. This would be where the site has
@@ -4274,7 +4275,12 @@ EOD;
 
         $label = get_string('contactsitesupport', 'admin');
         $icon = $this->pix_icon('t/email', '');
-        $content = $icon . $label;
+
+        if (!$embed) {
+            $content = $icon . $label;
+        } else {
+            $content = $label;
+        }
 
         if (!empty($CFG->supportpage)) {
             $attributes = ['href' => $CFG->supportpage, 'target' => 'blank'];

lib/upgrade.txt

@@ -169,6 +169,8 @@ being forced open in all behat tests.
 * Added a new method called exceeds_password_length in moodlelib.php to validate the password length.
 * The core/modal_factory has been deprecated. From Moodle 4.3 onwards please instantiate new modals using the ModalType.create method instead.
   Please note that this method does not support the `trigger` option.
+* The method `\core_renderer->supportemail()` has an updated signature. It now allows a second optional parameter.
+  Set it to true if you want to embed the generated link in other inline content.
 
 === 4.2 ===
 

theme/boost/scss/moodle/login.scss

@@ -78,7 +78,7 @@ $login-identity-provider-btn-border: $border-color !default;
 
 @include media-breakpoint-up(md) {
     .login-container {
-        max-width: 600px;
+        width: 500px !important; /* stylelint-disable-line declaration-no-important */
         @include border-radius();
     }
 }

theme/boost/style/moodle.css

@@ -33459,7 +33459,7 @@ textarea[data-auto-rows] {
 
 @media (min-width: 768px) {
   .login-container {
-    max-width: 600px;
+    width: 500px !important; /* stylelint-disable-line declaration-no-important */
     border-radius: 0.5rem;
   }
 }

theme/classic/style/moodle.css

@@ -33459,7 +33459,7 @@ textarea[data-auto-rows] {
 
 @media (min-width: 768px) {
   .login-container {
-    max-width: 600px;
+    width: 500px !important; /* stylelint-disable-line declaration-no-important */
     border-radius: 0.25rem;
   }
 }