You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@airflow.apache.org by po...@apache.org on 2025/12/16 11:43:08 UTC
(airflow-site) branch main updated: Improve scroll-to-top button readability with icon-only UI (#1325)
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 3a4e3a5eb5 Improve scroll-to-top button readability with icon-only UI (#1325)
3a4e3a5eb5 is described below
commit 3a4e3a5eb5d66ec1f7b424da50b797a66ad03c56
Author: Shashiranjan singh <si...@gmail.com>
AuthorDate: Tue Dec 16 17:13:02 2025 +0530
Improve scroll-to-top button readability with icon-only UI (#1325)
* Improve scroll-button with clean responsiveness
* Scroll button fixed
---
landing-pages/site/assets/scss/_base-layout.scss | 4 ----
landing-pages/site/assets/scss/_buttons.scss | 2 +-
landing-pages/site/layouts/partials/buttons/button-with-arrow.html | 1 -
landing-pages/site/layouts/partials/scroll-to-top.html | 2 +-
4 files changed, 2 insertions(+), 7 deletions(-)
diff --git a/landing-pages/site/assets/scss/_base-layout.scss b/landing-pages/site/assets/scss/_base-layout.scss
index f999f3e247..953e79c4b0 100644
--- a/landing-pages/site/assets/scss/_base-layout.scss
+++ b/landing-pages/site/assets/scss/_base-layout.scss
@@ -79,10 +79,6 @@
&--scrollButton button svg {
display: block;
- margin: 0 auto;
- position: relative;
- left: 56%; // Move just a little bit more to the right
- transform: translateX(-50%);
}
}
diff --git a/landing-pages/site/assets/scss/_buttons.scss b/landing-pages/site/assets/scss/_buttons.scss
index 83b9bc3314..0b08c1e283 100644
--- a/landing-pages/site/assets/scss/_buttons.scss
+++ b/landing-pages/site/assets/scss/_buttons.scss
@@ -48,10 +48,10 @@ button {
svg {
height: $icon-height;
width: auto;
- padding-right: 15px;
}
span {
+ padding-left: 15px;
display: inline-block;
line-height: $icon-height;
vertical-align: middle;
diff --git a/landing-pages/site/layouts/partials/buttons/button-with-arrow.html b/landing-pages/site/layouts/partials/buttons/button-with-arrow.html
index c35507ad32..32d1f1d0da 100644
--- a/landing-pages/site/layouts/partials/buttons/button-with-arrow.html
+++ b/landing-pages/site/layouts/partials/buttons/button-with-arrow.html
@@ -20,5 +20,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 16 16">
<path d="m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z"/>
</svg>
- <span class="bodytext__medium--brownish-grey">{{ .text }}</span>
</button>
diff --git a/landing-pages/site/layouts/partials/scroll-to-top.html b/landing-pages/site/layouts/partials/scroll-to-top.html
index 4113193d29..3e7d160c9f 100644
--- a/landing-pages/site/layouts/partials/scroll-to-top.html
+++ b/landing-pages/site/layouts/partials/scroll-to-top.html
@@ -17,4 +17,4 @@
under the License.
*/}}
- {{ partial "buttons/button-with-arrow" (dict "text" "Scroll to top" "class" "button-fixed" "id" "scroll-to-top-btn") }}
+ {{ partial "buttons/button-with-arrow" (dict "class" "button-fixed" "id" "scroll-to-top-btn") }}