Fix

trimble-oss · Jun 26, 2024 · c340926 · c340926
1 parent 5a32e28
commit c340926
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git a/content/components/web/alerts/_index.md b/content/components/web/alerts/_index.md
@@ -33,7 +33,7 @@ Alerts display in direct response to a user action (e.g. clicking the Submit but
       <td style="line-height: 1.25" scope="row">
         <div class="border">
           <div class="alert alert-danger d-flex align-items-center mx-3 mt-3 mb-0" role="alert">
-            <i class="modus-icons alert-icon me-2" aria-hidden="true">warning</i>
+            <i class="modus-icons alert-icon me-2" aria-hidden="true">alert</i>
             <div>Error! Your username and password were incorrect</div>
           </div>
           <div class="p-3">

diff --git a/content/components/web/alerts/styles.md b/content/components/web/alerts/styles.md
@@ -27,7 +27,7 @@ popoverCSSInspector: true
   <br />
   <br />
   <div
-    class="alert alert-success d-flex align-items-center bg-white"
+    class="alert alert-success d-flex align-items-center alert-dismissible fade show"
     style="max-width: 460px; height: 56px"
     role="alert"
     data-bs-toggle="popover"
@@ -40,6 +40,8 @@ popoverCSSInspector: true
       check_circle
     </i>
     <div>You have completed a task.</div>
+    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
+      </button>
   </div>
   <br />
 </div>
@@ -95,15 +97,15 @@ document.addEventListener('DOMContentLoaded', function() {
       <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
       </button>
     </div>
-    <div class="alert alert-danger d-flex align-items-center alert-dismissible fade show" role="alert">
-    <i class="modus-icons notranslate flex-shrink-0 me-2" aria-hidden="true">warning</i>
-      <div> Error! A basic error alert with a dismiss icon</div>
+    <div class="alert alert-warning d-flex align-items-center alert-dismissible fade show" role="alert">
+      <i class="modus-icons notranslate flex-shrink-0 me-2" aria-hidden="true">warning</i>
+      <div>Warning! A basic warning alert with a dismiss icon</div>
       <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
       </button>
     </div>
-    <div class="alert alert-warning d-flex align-items-center alert-dismissible fade show" role="alert">
-      <i class="modus-icons notranslate flex-shrink-0 me-2" aria-hidden="true">alert_outlined</i>
-      <div>Warning! A basic warning alert with a dismiss icon</div>
+    <div class="alert alert-danger d-flex align-items-center alert-dismissible fade show" role="alert">
+    <i class="modus-icons notranslate flex-shrink-0 me-2" aria-hidden="true">alert</i>
+      <div> Error! A basic error alert with a dismiss icon</div>
       <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
       </button>
     </div>