Update Alert banner message-body to match design system (#9463)

* make alert banner text black * remove comment in scss file
hashicorp · Jul 14, 2020 · 3d3797b · 3d3797b
1 parent 352d9fb
commit 3d3797b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/ui/app/styles/core.scss b/ui/app/styles/core.scss
@@ -15,6 +15,7 @@
 @import 'bulma/switch';
 
 // Override Bulma details where appropriate
+@import './core/alert-banner';
 @import './core/generic';
 @import './core/box';
 @import './core/breadcrumb';

diff --git a/ui/app/styles/core/alert-banner.scss b/ui/app/styles/core/alert-banner.scss
@@ -0,0 +1,6 @@
+.alert-banner-message-body {
+  border: 0;
+  margin-top: $spacing-xxs;
+
+  color: $black;
+}
diff --git a/ui/lib/core/addon/templates/components/alert-banner.hbs b/ui/lib/core/addon/templates/components/alert-banner.hbs
@@ -31,7 +31,7 @@
           {{/if}}
         </div>
         {{#if @message}}
-          <p class="message-body">
+          <p class="alert-banner-message-body">
             {{@message}}
           </p>
         {{/if}}