wrap text in span to make it more accessible

rubyforgood · Sep 30, 2023 · f39a333 · f39a333
1 parent 7162832
commit f39a333
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/app/assets/stylesheets/shared/notifier.scss b/app/assets/stylesheets/shared/notifier.scss
@@ -21,7 +21,11 @@
     margin: .25em;
     margin-left: auto;
     margin-right: 0;
-    padding: .5em
+    padding: .5em;
+
+    span {
+      display: inline
+    }
   }
 
   .failure-indicator {

diff --git a/app/javascript/src/notifier.js b/app/javascript/src/notifier.js
@@ -94,7 +94,7 @@ class Notifier {
     const newNotification =
       $(
         `<div class="${classPrefixMessage}-indicator">
-          ${escapedMessage}
+          <span>${escapedMessage}</span>
           ${dismissButtonAsHTML}
         </div>`
       )
@@ -107,6 +107,7 @@ class Notifier {
       })
     }
 
+    console.log(newNotification)
     return newNotification
   }