fix: Add delta theming properties to message strip (#2013)

SAP · Jan 5, 2021 · 3a6ff61 · 3a6ff61
1 parent 3c8ca42
commit 3a6ff61
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 2 deletions.
diff --git a/src/message-strip.scss b/src/message-strip.scss
@@ -8,7 +8,6 @@
 $block: #{$fd-namespace}-message-strip;
 
 .#{$block} {
-  $fd-message-strip-border: 1px solid;
   $fd-message-strip-border-radius: 0.25rem;
   $fd-message-strip-padding: 0.4375rem 1rem;
   $fd-message-strip-padding-default: 1rem;
@@ -58,7 +57,8 @@ $block: #{$fd-namespace}-message-strip;
   position: relative;
   color: $fd-message-strip-text-color;
   background-color: $fd-message-strip-background-color;
-  border: $fd-message-strip-border;
+  border-width: var(--fdMessageStripBorderWidth);
+  border-style: solid;
   border-color: $fd-message-strip-border-color;
   border-radius: $fd-message-strip-border-radius;
   padding: $fd-message-strip-padding;

diff --git a/src/theming/sap_fiori_3.scss b/src/theming/sap_fiori_3.scss
@@ -143,4 +143,7 @@
 
   /* Grid List */
   --fdGrid_List_Item_Hover_Border_Color: var(--sapTile_Interactive_BorderColor);
+
+  /* Message Strip */
+  --fdMessageStripBorderWidth: 0.0625rem;
 }
diff --git a/src/theming/sap_fiori_3_dark.scss b/src/theming/sap_fiori_3_dark.scss
@@ -142,4 +142,7 @@
 
   /* Grid List */
   --fdGrid_List_Item_Hover_Border_Color: var(--sapTile_Interactive_BorderColor);
+
+  /* Message Strip */
+  --fdMessageStripBorderWidth: 0.0625rem;
 }
diff --git a/src/theming/sap_fiori_3_hcb.scss b/src/theming/sap_fiori_3_hcb.scss
@@ -142,4 +142,7 @@
 
   /* Grid List */
   --fdGrid_List_Item_Hover_Border_Color: var(--sapTile_Interactive_BorderColor);
+
+  /* Message Strip */
+  --fdMessageStripBorderWidth: 0.125rem;
 }
diff --git a/src/theming/sap_fiori_3_hcw.scss b/src/theming/sap_fiori_3_hcw.scss
@@ -142,4 +142,7 @@
 
   /* Grid List */
   --fdGrid_List_Item_Hover_Border_Color: var(--sapTile_Interactive_BorderColor);
+
+  /* Message Strip */
+  --fdMessageStripBorderWidth: 0.125rem;
 }
diff --git a/src/theming/sap_fiori_3_light_dark.scss b/src/theming/sap_fiori_3_light_dark.scss
@@ -142,4 +142,7 @@
 
   /* Grid List */
   --fdGrid_List_Item_Hover_Border_Color: var(--sapTile_Interactive_BorderColor);
+
+  /* Message Strip */
+  --fdMessageStripBorderWidth: 0.0625rem;
 }