(airflow-site) branch main updated: style: increase line-height on announcements page for better readability (#1349)

[shahar]

This is an automated email from the ASF dual-hosted git repository.

shahar pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/airflow-site.git


The following commit(s) were added to refs/heads/main by this push:
     new 3834e4b5e3 style: increase line-height on announcements page for 
better readability (#1349)
3834e4b5e3 is described below

commit 3834e4b5e386feb81c65e41c355cf70cb8032bf7
Author: Navjot Maan <navjotmaan...@gmail.com>
AuthorDate: Mon Dec 29 01:49:17 2025 +0530

    style: increase line-height on announcements page for better readability 
(#1349)
    
    * fix: increase line-height for announcements
    
    * style: fix mobile responsiveness and improve text readability
    
    * style: add word-break for mobile responsiveness
    
    * style: increased padding-top of top element for mobile screen
    
    * style: isolate announcements mobile responsiveness and improve readability
    
    * style: isolate announcements styling and fix linting newline
---
 landing-pages/site/assets/scss/_base-layout.scss |  4 +++-
 landing-pages/site/assets/scss/_home-page.scss   |  2 +-
 landing-pages/site/assets/scss/_typography.scss  | 12 ++++++++++++
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/landing-pages/site/assets/scss/_base-layout.scss 
b/landing-pages/site/assets/scss/_base-layout.scss
index df88b0f6b8..69241171c8 100644
--- a/landing-pages/site/assets/scss/_base-layout.scss
+++ b/landing-pages/site/assets/scss/_base-layout.scss
@@ -145,7 +145,9 @@
 
   @media (max-width: $mobile) {
     & > * {
-      max-width: 306px;
+      max-width: 100%;
+      padding-left: 15px;
+      padding-right: 15px;
     }
   }
 }
diff --git a/landing-pages/site/assets/scss/_home-page.scss 
b/landing-pages/site/assets/scss/_home-page.scss
index 5b7e2006c3..778016183a 100644
--- a/landing-pages/site/assets/scss/_home-page.scss
+++ b/landing-pages/site/assets/scss/_home-page.scss
@@ -24,7 +24,7 @@
     padding-top: 110px; // TEMP - accommodate Airflow Summit banner (70 + 40)
 
     @media (max-width: $mobile) {
-      padding-top: 16px;
+      padding-top: 80px;
     }
   }
 }
diff --git a/landing-pages/site/assets/scss/_typography.scss 
b/landing-pages/site/assets/scss/_typography.scss
index e54cbb6b55..dcb549823d 100644
--- a/landing-pages/site/assets/scss/_typography.scss
+++ b/landing-pages/site/assets/scss/_typography.scss
@@ -107,3 +107,15 @@ $bodytext-styles: (
 .text-break-all {
     word-break: break-all
 }
+
+/* Fix for Announcements Page line-height */
+body.td-section {
+  .home-page-layout.base-layout {
+    main.td-main.container {
+      p {
+        line-height: 1.7;
+        overflow-wrap: anywhere;
+      }
+    }
+  }
+}