(airflow-site) branch main updated: Improve footer hover interaction in documentation footer (#1284)

[potiuk]

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

potiuk 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 714f49ba85 Improve footer hover interaction in documentation footer 
(#1284)
714f49ba85 is described below

commit 714f49ba855991f9f6ee0702fb39bcc0f41f83fd
Author: ALOK KUMAR <aloknokh...@gmail.com>
AuthorDate: Sun Nov 23 23:45:46 2025 +0530

    Improve footer hover interaction in documentation footer (#1284)
---
 landing-pages/site/assets/scss/_footer.scss | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/landing-pages/site/assets/scss/_footer.scss 
b/landing-pages/site/assets/scss/_footer.scss
index 9d56a37f1e..1eeeab9dbb 100644
--- a/landing-pages/site/assets/scss/_footer.scss
+++ b/landing-pages/site/assets/scss/_footer.scss
@@ -37,6 +37,13 @@ footer {
 
       &--link {
         margin-right: 30px;
+        cursor: pointer;
+        transition: opacity 0.2s ease, transform 0.2s ease;
+
+        &:hover {
+          opacity: 0.7;
+          transform: scale(1.05);
+        }
       }
 
       &--button-with-text {
@@ -64,6 +71,9 @@ footer {
       }
 
       &--policy-item {
+        cursor: pointer;
+        transition: opacity 0.2s ease, color 0.2s ease;
+
         &::before {
           content: "\00a0\00a0";
         }
@@ -73,6 +83,11 @@ footer {
           color: white;
         }
 
+        &:hover {
+          opacity: 0.7;
+          color: #00c7d4 !important; // Airflow blue
+        }
+
         &:last-of-type {
           &::after {
             content: "\00a0\00a0|\00a0\00a0";
@@ -143,8 +158,10 @@ footer {
           flex-direction: column;
         }
 
-        &--policy-item, &--policy-item:last-of-type {
-          &::before, &::after {
+        &--policy-item,
+        &--policy-item:last-of-type {
+          &::before,
+          &::after {
             content: "";
           }
         }