Moved MediaCo styles into the mediaCoStyles file (#644)

vishalshrm539 · Sharma · web-flow · commit e5a23bd0b5e2 · 2025-12-18T22:32:01.000+05:30
Co-authored-by: Sharma &lt;vishal.sharma@in.pega.com&gt;
diff --git a/src/app/_samples/mediaco/mediaCoStyles.scss b/src/app/_samples/mediaco/mediaCoStyles.scss
@@ -14,4 +14,14 @@
     border-color: var(--app-sys-secondary-button-border) !important;
   }
   // Action Buttons styles for MediaCo sample app - end
+
+  // Self Service Case View styles for MediaCo sample app - start
+  .psdk-flow-container-top {
+    background-color: #fff !important;
+    padding: 0.5rem 0.625rem !important;
+    border-radius: 0 !important;
+    border-top-left-radius: 2rem !important;
+    border-bottom: gray 0.0625rem solid !important;
+  }
+  // Self Service Case View styles for MediaCo sample app - end
 }
diff --git a/src/containerStyles.scss b/src/containerStyles.scss
@@ -9,10 +9,9 @@ app-flow-container {
   }
 
   .psdk-flow-container-top {
-    background-color: #fff;
+    background-color: var(--mat-sys-surface-container);
     padding: 0.5rem 0.625rem;
-    border-top-left-radius: 2rem;
-    border-bottom: gray 0.0625rem solid;
+    border-radius: 0.3125rem;
   }
   .psdk-flow-container {
     padding-left: 2.1875rem;

Original file line number	Diff line number	Diff line change
`@@ -9,10 +9,9 @@ app-flow-container {`
`9`	`9`	`}`
`10`	`10`
`11`	`11`	`.psdk-flow-container-top {`
`12`		`- background-color: #fff;`
	`12`	`+ background-color: var(--mat-sys-surface-container);`
`13`	`13`	`padding: 0.5rem 0.625rem;`
`14`		`- border-top-left-radius: 2rem;`
`15`		`- border-bottom: gray 0.0625rem solid;`
	`14`	`+ border-radius: 0.3125rem;`
`16`	`15`	`}`
`17`	`16`	`.psdk-flow-container {`
`18`	`17`	`padding-left: 2.1875rem;`