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

* make alert banner text black * remove comment in scss file
2020-07-14 09:04:54 -06:00 · 2020-07-14 09:04:54 -06:00 · 203a2d6e3e
parent 43488c9574
commit 203a2d6e3e
3 changed files with 8 additions and 1 deletions
--- 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';
--- 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;
+}
--- 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}}