From eda5fd30d2017ff48b0fd55457e1bf54bf8d8262 Mon Sep 17 00:00:00 2001
From: Davinder Singh <davibaweja@gmail.com>
Date: Mon, 29 Jul 2024 16:35:21 +0100
Subject: [PATCH] Merge pull request #19636 from
 overleaf/ds-table-header-sticky-2

Plans page - Making the features table header sticky

GitOrigin-RevId: 37976acfbdcc671178ef5613b2e9eb6d02c70296
---
 .../frontend/stylesheets/app/plans/plans-new-design.less    | 6 ++++++
 services/web/frontend/stylesheets/app/website-redesign.less | 4 ++++
 2 files changed, 10 insertions(+)

diff --git a/services/web/frontend/stylesheets/app/plans/plans-new-design.less b/services/web/frontend/stylesheets/app/plans/plans-new-design.less
index 6c1b649f4c..f3c87db588 100644
--- a/services/web/frontend/stylesheets/app/plans/plans-new-design.less
+++ b/services/web/frontend/stylesheets/app/plans/plans-new-design.less
@@ -638,6 +638,12 @@
 
     .plans-features-table-mobile {
       width: 100%;
+
+      .plans-features-table-sticky-header {
+        position: sticky;
+        top: 0;
+      }
+
       .plans-features-table-header {
         margin-bottom: var(--space-08);
       }
diff --git a/services/web/frontend/stylesheets/app/website-redesign.less b/services/web/frontend/stylesheets/app/website-redesign.less
index 9051d1fe3d..4cd4dade35 100644
--- a/services/web/frontend/stylesheets/app/website-redesign.less
+++ b/services/web/frontend/stylesheets/app/website-redesign.less
@@ -1,5 +1,9 @@
 @cta-card-bg-color: var(--dark-jungle-green);
 
+.website-redesign-overflow-unset {
+  overflow: unset !important;
+}
+
 .website-redesign {
   // hero section of features, enterprises, and universities will have an image that will overflow the page
   overflow-x: hidden;