From b39347a946c1384a35e9d2e89e82062343dd1644 Mon Sep 17 00:00:00 2001
From: Aman Agrawal <amanagr@zulip.com>
Date: Mon, 18 Nov 2024 18:09:10 +0530
Subject: [PATCH] portico: Fix multiple landing pages broken.

Since postcss tries to preserve specificity of selectors which
are defined in in a group, a `:not(#does-not-exist)` selector
was added to the non ID selectors (solutions-page and case-study-page).

This caused the CSS styles to override other styles due to
unexpectedly increased specificity.

To fix it, we remove the ID selector `#why-zulip-page` from the
group.
---
 templates/corporate/why-zulip.html  | 2 +-
 web/styles/portico/landing_page.css | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/templates/corporate/why-zulip.html b/templates/corporate/why-zulip.html
index b42a382ee1..cd1dea5778 100644
--- a/templates/corporate/why-zulip.html
+++ b/templates/corporate/why-zulip.html
@@ -15,7 +15,7 @@
 
 {% include 'zerver/landing_nav.html' %}
 
-<div class="portico-landing why-page" id="why-zulip-page">
+<div class="portico-landing why-page">
     <div class="hero bg-pycon why-zulip">
         <div class="bg-dimmer"></div>
         <div class="content">
diff --git a/web/styles/portico/landing_page.css b/web/styles/portico/landing_page.css
index 9b07b4d117..0672f1b321 100644
--- a/web/styles/portico/landing_page.css
+++ b/web/styles/portico/landing_page.css
@@ -2402,7 +2402,7 @@ button {
     border-left: 6px solid hsl(168.1deg 49.15% 46.27%);
 }
 
-#why-zulip-page,
+.why-page,
 .case-study-page,
 .solutions-page {
     .bottom-register-buttons.extra_margin_before_footer {
@@ -2692,7 +2692,7 @@ button {
 }
 
 .self-hosting-page,
-#why-zulip-page {
+.why-page {
     .hero-buttons {
         margin-top: 30px;
     }