fix: add delta theming for Feed Input (#2016)

SAP · Jan 8, 2021 · d949073 · d949073
1 parent 26076eb
commit d949073
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 0 deletions.
diff --git a/src/feed-input.scss b/src/feed-input.scss
@@ -46,6 +46,10 @@ $block: #{$fd-namespace}-feed-input;
     max-height: $fd-feed-input-max-height;
     margin: 0;
     padding: 0.3125rem 0.5rem;
+
+    &::placeholder {
+      font-style: var(--fdFeed_Input_Placeholder_Font_Style);
+    }
   }
 
   // It's needed to have stronger selector to override fd-button styles

diff --git a/src/theming/sap_fiori_3.scss b/src/theming/sap_fiori_3.scss
@@ -184,4 +184,7 @@
   --fdMessage_Box_Success_Box_Shadow: inset 0 -0.0625rem var(--sapSuccessBorderColor), var(--sapContent_HeaderShadow);
   --fdMessage_Box_Warning_Box_Shadow: inset 0 -0.0625rem var(--sapWarningBorderColor), var(--sapContent_HeaderShadow);
   --fdMessage_Box_Information_Box_Shadow: inset 0 -0.0625rem var(--sapInformationBorderColor), var(--sapContent_HeaderShadow);
+
+  /* Feed Input */
+  --fdFeed_Input_Placeholder_Font_Style: italic;
 }
diff --git a/src/theming/sap_fiori_3_dark.scss b/src/theming/sap_fiori_3_dark.scss
@@ -183,4 +183,7 @@
   --fdMessage_Box_Success_Box_Shadow: inset 0 -0.0625rem var(--sapSuccessBorderColor), var(--sapContent_HeaderShadow);
   --fdMessage_Box_Warning_Box_Shadow: inset 0 -0.0625rem var(--sapWarningBorderColor), var(--sapContent_HeaderShadow);
   --fdMessage_Box_Information_Box_Shadow: inset 0 -0.0625rem var(--sapInformationBorderColor), var(--sapContent_HeaderShadow);
+
+  /* Feed Input */
+  --fdFeed_Input_Placeholder_Font_Style: italic;
 }
diff --git a/src/theming/sap_fiori_3_hcb.scss b/src/theming/sap_fiori_3_hcb.scss
@@ -183,4 +183,7 @@
   --fdMessage_Box_Success_Box_Shadow: inset 0 -0.125rem var(--sapSuccessBorderColor);
   --fdMessage_Box_Warning_Box_Shadow: inset 0 -0.125rem var(--sapWarningBorderColor);
   --fdMessage_Box_Information_Box_Shadow: inset 0 -0.125rem var(--sapInformationBorderColor);
+
+  /* Feed Input */
+  --fdFeed_Input_Placeholder_Font_Style: normal;
 }
diff --git a/src/theming/sap_fiori_3_hcw.scss b/src/theming/sap_fiori_3_hcw.scss
@@ -183,4 +183,7 @@
   --fdMessage_Box_Success_Box_Shadow: inset 0 -0.125rem var(--sapSuccessBorderColor);
   --fdMessage_Box_Warning_Box_Shadow: inset 0 -0.125rem var(--sapWarningBorderColor);
   --fdMessage_Box_Information_Box_Shadow: inset 0 -0.125rem var(--sapInformationBorderColor);
+
+  /* Feed Input */
+  --fdFeed_Input_Placeholder_Font_Style: normal;
 }
diff --git a/src/theming/sap_fiori_3_light_dark.scss b/src/theming/sap_fiori_3_light_dark.scss
@@ -183,4 +183,7 @@
   --fdMessage_Box_Success_Box_Shadow: inset 0 -0.0625rem var(--sapSuccessBorderColor), var(--sapContent_HeaderShadow);
   --fdMessage_Box_Warning_Box_Shadow: inset 0 -0.0625rem var(--sapWarningBorderColor), var(--sapContent_HeaderShadow);
   --fdMessage_Box_Information_Box_Shadow: inset 0 -0.0625rem var(--sapInformationBorderColor), var(--sapContent_HeaderShadow);
+
+  /* Feed Input */
+  --fdFeed_Input_Placeholder_Font_Style: italic;
 }