refactor(message): add header controls

eea · Jun 30, 2022 · 960c2f7 · 960c2f7
1 parent 43e5208
commit 960c2f7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/ui/Message/Message.stories.js b/src/ui/Message/Message.stories.js
@@ -58,6 +58,7 @@ Default.args = {
 
 export const Success = Template.bind({});
 Success.args = {
+  header: 'Success header',
   content: 'This is a Success message',
   icon: 'exclamation circle',
   success: true,
@@ -86,6 +87,7 @@ Success.parameters = {
 
 export const Warning = Template.bind({});
 Warning.args = {
+  header: 'Warning header',
   content: 'This is a Warning message',
   icon: 'exclamation circle',
   warning: true,
@@ -114,6 +116,7 @@ Warning.parameters = {
 
 export const Error = Template.bind({});
 Error.args = {
+  header: 'Error header',
   content: 'This is an Error Message',
   icon: 'exclamation circle',
   error: true,
@@ -141,6 +144,7 @@ Error.parameters = {
 
 export const Info = Template.bind({});
 Info.args = {
+  header: 'Info header',
   content: 'This is an Info message',
   icon: 'exclamation circle',
   info: true,

diff --git a/theme/themes/eea/collections/message.variables b/theme/themes/eea/collections/message.variables
@@ -56,7 +56,7 @@
 @listItemMargin: 0.3em;
 
 /* Icon */
-@iconDistance: 0.3em;
+@iconDistance: @rem-space-4;
 
 /* Close Icon */
 @closeTopDistance: @verticalPadding - @lineHeightOffset;