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 aff687386e Show suggest-change label in a compact pill on docs pages.
Replace the oversized suggest-change control with a compact pill that keeps the
GitHub icon and visible label text, per feedback. (#1572)
aff687386e is described below
commit aff687386e3472cff44ad3cb96b0755045068cc2
Author: Karthik S <[email protected]>
AuthorDate: Wed Jul 1 16:41:16 2026 +0530
Show suggest-change label in a compact pill on docs pages. Replace the
oversized suggest-change control with a compact pill that keeps the GitHub icon
and visible label text, per feedback. (#1572)
Refs: apache/airflow#16654
---
.../site/assets/scss/_suggest-change.scss | 37 ++++++++++++++++++++++
1 file changed, 37 insertions(+)
diff --git a/landing-pages/site/assets/scss/_suggest-change.scss
b/landing-pages/site/assets/scss/_suggest-change.scss
index 06096f4784..5e60e8ec6e 100644
--- a/landing-pages/site/assets/scss/_suggest-change.scss
+++ b/landing-pages/site/assets/scss/_suggest-change.scss
@@ -30,3 +30,40 @@
visibility: hidden;
transition: opacity 0.5s ease, visibility 0s linear;
}
+
+// Compact pill: GitHub icon + visible wrapping label (Sphinx docs only).
+.base-layout--button .suggest-change-link {
+ $label-max-width: 8rem;
+
+ max-width: calc(#{$label-max-width} + 2.5rem);
+
+ .btn-with-icon {
+ display: inline-flex;
+ align-items: center;
+ width: auto;
+ height: auto;
+ padding: 5px 8px;
+ gap: 5px;
+ border-radius: 10px;
+
+ &:hover {
+ background: rgba(128, 128, 128, 0.12);
+ }
+
+ svg {
+ flex: 0 0 auto;
+ transform: scale(1.25);
+ transform-origin: center;
+ }
+
+ span {
+ flex: 1 1 auto;
+ max-width: $label-max-width;
+ font-size: 12px;
+ line-height: 1.25;
+ white-space: normal;
+ overflow-wrap: anywhere;
+ text-align: center;
+ }
+ }
+}
