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 e8864fa207 Improve resource card hover interaction (#1361)
e8864fa207 is described below
commit e8864fa20787f66f8091a8651d72fb5e098b8097
Author: Shashiranjan singh <[email protected]>
AuthorDate: Fri Jan 2 14:34:04 2026 +0530
Improve resource card hover interaction (#1361)
---
landing-pages/site/assets/scss/_list-boxes.scss | 23 ++++++++++++++++++++++
.../site/content/en/community/resources.html | 2 +-
2 files changed, 24 insertions(+), 1 deletion(-)
diff --git a/landing-pages/site/assets/scss/_list-boxes.scss
b/landing-pages/site/assets/scss/_list-boxes.scss
index 28967f604d..5b4490ca51 100644
--- a/landing-pages/site/assets/scss/_list-boxes.scss
+++ b/landing-pages/site/assets/scss/_list-boxes.scss
@@ -65,11 +65,34 @@ $card-margin: 20px;
border-radius: 5px;
padding: 30px 10px;
height: 100%;
+ background-color: #fff;
+
+ transition:
+ transform 0.25s ease,
+ box-shadow 0.25s ease,
+ border-color 0.25s ease;
+}
+
+.card:hover {
+ transform: translateY(-4px);
+ box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
+ border-color: map_get($colors, primary);
}
[data-bs-theme="dark"] .card {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.1);
+
+ transition:
+ transform 0.25s ease,
+ box-shadow 0.25s ease,
+ border-color 0.25s ease;
+}
+
+[data-bs-theme="dark"] .card:hover {
+ transform: translateY(-4px);
+ box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
+ border-color: rgba(255, 255, 255, 0.25);
}
.box-event {
diff --git a/landing-pages/site/content/en/community/resources.html
b/landing-pages/site/content/en/community/resources.html
index 541140d16d..6abbf919e1 100644
--- a/landing-pages/site/content/en/community/resources.html
+++ b/landing-pages/site/content/en/community/resources.html
@@ -3,7 +3,7 @@
<div class="community--accordion-container">
{{< accordion title="Promo Materials"
description="Download official Apache Airflow branding
materials, including logos and banners, to accurately represent and promote the
project."
- logo_path="icons/documentation-icon.svg" open="true">}}
+ logo_path="icons/documentation-icon.svg">}}
<ul class="ticks-blue mx-auto">
<li><a
href="https://cwiki.apache.org/confluence/display/AIRFLOW/Airflow+logos";>Airflow
logos</a>
</li>
