fix: display line breaks from alerts

HSLdevcom · Jul 10, 2023 · 4a44059 · 4a44059
1 parent ae680b5
commit 4a44059
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/app/component/disruption.scss b/app/component/disruption.scss
@@ -150,6 +150,7 @@
     .alert-body {
       font-size: $font-size-small;
       font-weight: 200;
+      white-space: pre-wrap;
 
       .alert-url {
         color: $primary-color;

diff --git a/app/component/navigation.scss b/app/component/navigation.scss
@@ -813,6 +813,7 @@ section.content {
       .message-bar-container {
         .react-swipe-container, .single-alert {
           .message-content {
+            white-space: pre-wrap;
             .message-bar-link {
               color: $white;
             }

diff --git a/app/component/stops-near-you.scss b/app/component/stops-near-you.scss
@@ -383,6 +383,7 @@
   @include font-medium;
   text-decoration: none;
   font-weight: 100;
+  white-space: pre-wrap;
   background-color: #dc0451;
   color: white;
   font-size: 0.9375rem;