Просмотр исходного кода

Merge pull request #19636 from overleaf/ds-table-header-sticky-2

Plans page - Making the features table header sticky

GitOrigin-RevId: 37976acfbdcc671178ef5613b2e9eb6d02c70296
Davinder Singh 2 лет назад
Родитель
Сommit
1b23c1da09

+ 6 - 0
services/web/frontend/stylesheets/app/plans/plans-new-design.less

@@ -638,6 +638,12 @@
 
 
     .plans-features-table-mobile {
     .plans-features-table-mobile {
       width: 100%;
       width: 100%;
+
+      .plans-features-table-sticky-header {
+        position: sticky;
+        top: 0;
+      }
+
       .plans-features-table-header {
       .plans-features-table-header {
         margin-bottom: var(--space-08);
         margin-bottom: var(--space-08);
       }
       }

+ 4 - 0
services/web/frontend/stylesheets/app/website-redesign.less

@@ -1,5 +1,9 @@
 @cta-card-bg-color: var(--dark-jungle-green);
 @cta-card-bg-color: var(--dark-jungle-green);
 
 
+.website-redesign-overflow-unset {
+  overflow: unset !important;
+}
+
 .website-redesign {
 .website-redesign {
   // hero section of features, enterprises, and universities will have an image that will overflow the page
   // hero section of features, enterprises, and universities will have an image that will overflow the page
   overflow-x: hidden;
   overflow-x: hidden;