Commit ba6341fd authored by git's avatar git Committed by Alberto Siles
Browse files

Issue #3298597 by immaculatexavier, maseyuk: Toast autohide

parent 662ba31b

templates/misc/status-messages--toasts.html.twig

+3 −4
Original line number Diff line number Diff line
@@ -70,11 +70,10 @@ 
    %}

    {% for message in messages %}

      <!-- Then put toasts within -->

      <div {{ attributes|without('role', 'aria-label').addClass(classes).setAttribute('role', role[type]).setAttribute('data-autohide', autohide[type]) }} aria-live="assertive" aria-atomic="true" data-delay="10000">

      <div {{ attributes|without('role', 'aria-label').addClass(classes).setAttribute('role', role[type]).setAttribute('data-bs-autohide', autohide[type]) }} aria-live="assertive" aria-atomic="true" data-delay="10000">

        <div class="toast-header">

          <svg class="bd-placeholder-img rounded mr-2" width="20" height="20" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img">

            <rect {{ attributes.setAttribute('fill', color[type]) }} width="100%" height="100%">

            </rect>

          <svg class="bd-placeholder-img rounded mr-2" width="20" height="20" xmlns="http://www.w3.org/2000/svg" preserveaspectratio="xMidYMid slice" focusable="false" role="img">

            <rect {{ attributes.setAttribute('fill', color[type]) }} width="100%" height="100%"></rect>

          </svg>

          <strong class="mr-auto">{{ status_headings[type] }}</strong>

          <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>

toast-autohide.patch

0 → 100644
+18 −0
Original line number Diff line number Diff line 
diff --git a/templates/misc/status-messages--toasts.html.twig b/templates/misc/status-messages--toasts.html.twig

--- a/templates/misc/status-messages--toasts.html.twig

+++ b/templates/misc/status-messages--toasts.html.twig

@@ -70,11 +70,10 @@

     %}

     {% for message in messages %}

       <!-- Then put toasts within -->

-      <div {{ attributes|without('role', 'aria-label').addClass(classes).setAttribute('role', role[type]).setAttribute('data-autohide', autohide[type]) }} aria-live="assertive" aria-atomic="true" data-delay="10000">

+      <div {{ attributes|without('role', 'aria-label').addClass(classes).setAttribute('role', role[type]).setAttribute('data-bs-autohide', autohide[type]) }} aria-live="assertive" aria-atomic="true" data-delay="10000">

         <div class="toast-header">

-          <svg class="bd-placeholder-img rounded mr-2" width="20" height="20" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img">

-            <rect {{ attributes.setAttribute('fill', color[type]) }} width="100%" height="100%">

-            </rect>

+          <svg class="bd-placeholder-img rounded mr-2" width="20" height="20" xmlns="http://www.w3.org/2000/svg" preserveaspectratio="xMidYMid slice" focusable="false" role="img">

+            <rect {{ attributes.setAttribute('fill', color[type]) }} width="100%" height="100%"></rect>

           </svg>

           <strong class="mr-auto">{{ status_headings[type] }}</strong>

           <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>