From 27b4dfbd7913f3f41b1d298ebb53724676c029d7 Mon Sep 17 00:00:00 2001
From: Jessica Lawshe <5312836+lawshe@users.noreply.github.com>
Date: Thu, 29 Aug 2024 10:33:43 -0500
Subject: [PATCH] Merge pull request #20174 from
 overleaf/jel-plans-page-query-param-part-3

[web] New plans page elements that are dependent on plan period type

GitOrigin-RevId: 677d4df1544aa901dd5c57d61c395f3045c1c024
---
 .../stylesheets/app/plans/plans-new-design.less    | 14 ++++++++++++++
 1 file changed, 14 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 a935de96f9..5e165540dc 100644
--- a/services/web/frontend/stylesheets/app/plans/plans-new-design.less
+++ b/services/web/frontend/stylesheets/app/plans/plans-new-design.less
@@ -1048,6 +1048,20 @@
       display: block;
     }
   }
+
+  .only-show-for-specific-plan-period {
+    display: none;
+  }
+  &[data-ol-current-plan-period='annual'] {
+    .show-for-plan-period-annual {
+      display: block;
+    }
+  }
+  &[data-ol-current-plan-period='monthly'] {
+    .show-for-plan-period-monthly {
+      display: block;
+    }
+  }
 }
 
 .plans-overleaf-common-request {