realigns banneralerts template with Moodle core notifications templates.

this adds a couple of a11y improvements and cool fade-in effect. for comparison, see /lib/templates/notification_base.mustache
ucsf-education · Sep 25, 2024 · 5dbe27f · 5dbe27f
1 parent e4c7fad
commit 5dbe27f
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/templates/banneralerts.mustache b/templates/banneralerts.mustache
@@ -30,8 +30,9 @@
     <div class="ucsf-banneralerts-container row pt-3">
         {{#alerts}}
             <div class="col-12">
-                <div class="alert alert-dismissible ucsf-banneralerts-alert {{classes}}"
+                <div class="alert alert-block fade in alert-dismissible ucsf-banneralerts-alert {{classes}}"
                      role="alert"
+                     data-aria-autofocus="true"
                      data-ucsf-banneralerts-alert-id="{{id}}"
                      data-ucsf-banneralert-dismiss-callback-url="{{url}}"
                 >