Sticky Filters on ContentComponent;

Author: jsfrocha

src/app/screens/content/content.component.html

@@ -5,6 +5,7 @@
 ></t4e-page-header>
 <div class="t4e-content-page">
   <aside class="t4e-content-filters">
+    <div class="sticky-filters">
     <t4e-filters
       title="Providers"
       [fields]="providerFields$"
@@ -38,7 +39,7 @@
         </i>
       </button>
     </div>
-
+    </div>
   </aside>
 
   <section class="t4e-content-items">

src/app/screens/content/content.component.scss

@@ -25,6 +25,12 @@
   .t4e-content-filters {
     grid-area: filters;
 
+    .sticky-filters {
+      position: -webkit-sticky;
+      position: sticky;
+      top: 60px;
+    }
+
     ::ng-deep {
       .filters-wrapper {
         margin-bottom: 60px;