Fixing feature panel section background (#503)

* Fixing feature panel section background * bump css min version --------- Co-authored-by: Omnia <[email protected]>
Sitecore · Dec 18, 2024 · e3ecc52 · e3ecc52
1 parent 484c8e0
commit e3ecc52
Show file tree

Hide file tree

Showing 5 changed files with 2,388 additions and 3,157 deletions.
diff --git a/headapps/MvpSite/MvpSite.Rendering/Views/Shared/_Layout.cshtml b/headapps/MvpSite/MvpSite.Rendering/Views/Shared/_Layout.cshtml
@@ -35,7 +35,7 @@
 
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link rel="stylesheet" href="/style/main.min.css?v=2.10" />
+    <link rel="stylesheet" href="/style/main.min.css?v=2.20" />
     @if (this.SitecoreContext() != null && this.SitecoreContext()!.IsEditing)
     {
 	    <link rel="stylesheet" href="/style/ee.css?v=3" />

diff --git a/headapps/MvpSite/MvpSite.Rendering/wwwroot/sass/components/feature-panel.scss b/headapps/MvpSite/MvpSite.Rendering/wwwroot/sass/components/feature-panel.scss
@@ -28,6 +28,7 @@
 .column-container {
   .row {
     .row:has(.feature-panel-card) {
+      @extend %sc-power-gradient-bg;
       gap: 1rem;
       padding-right: 1rem;
       padding-left: 1rem;

diff --git a/headapps/MvpSite/MvpSite.Rendering/wwwroot/sass/layout/layout.scss b/headapps/MvpSite/MvpSite.Rendering/wwwroot/sass/layout/layout.scss
@@ -181,7 +181,7 @@ section.background-grey {
   background-color: $sc-content-bg;
 }
 
-.sc-power-gradient-bg {
+.sc-power-gradient-bg,%sc-power-gradient-bg {
   position: relative;
   z-index: 1;
   &::before {