You are viewing a plain text version of this content. The canonical link for it is here.
Posted to notifications@skywalking.apache.org by wu...@apache.org on 2026/08/25 14:39:45 UTC
(skywalking-website) branch fix/card-title-icon-alignment created (now 7e234678335c)
This is an automated email from the ASF dual-hosted git repository.
wu-sheng pushed a change to branch fix/card-title-icon-alignment
in repository https://gitbox.apache.org/repos/asf/skywalking-website.git
at 7e234678335c Align card titles with their icons, and fix two ISO-format release dates
This branch includes the following new commits:
new 7e234678335c Align card titles with their icons, and fix two ISO-format release dates
The 1 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails. The revisions
listed as "add" were already present in the repository and have only
been added to this reference.
(skywalking-website) 01/01: Align card titles with their icons, and fix two ISO-format release dates
Posted by wu...@apache.org.
This is an automated email from the ASF dual-hosted git repository.
wu-sheng pushed a commit to branch fix/card-title-icon-alignment
in repository https://gitbox.apache.org/repos/asf/skywalking-website.git
commit 7e234678335cab84d2281e8907a75d64f8cc7784
Author: Wu Sheng <wu...@foxmail.com>
AuthorDate: Tue Aug 25 22:39:01 2026 +0800
Align card titles with their icons, and fix two ISO-format release dates
The theme sets `h1..h6 { padding-top: 1.1rem }` globally. Both card titles
are `<h5>` and reset only `margin`, never `padding`, so that 17.6px sat
inside the flex item — `align-items: center` centered the padded box and
dropped the visible name ~9px below the icon on every project card, on
both /downloads and /docs.
Reset `padding` on `.dl-card-title`, `.docs-card-title`, and the Docker
card's `h5` (same page, same inherited padding). With the padding gone a
wrapped 2-line docs title is 36.25px, which overflowed `.docs-card-head`'s
30px min-height and would have pushed that card's description below its
neighbours', so raise it to 37px. `.dl-card-head`'s 44px already covers
the new, shorter content.
Also normalize two release dates that were still in ISO form —
NodeJS Agent 0.9.0 and Python Agent 1.2.0 — to the site's
`Mon. DDth, YYYY` format.
---
assets/scss/_custom_docs.scss | 8 ++++++--
assets/scss/_custom_home.scss | 6 ++++--
data/releases.yml | 8 ++++----
3 files changed, 14 insertions(+), 8 deletions(-)
diff --git a/assets/scss/_custom_docs.scss b/assets/scss/_custom_docs.scss
index ed5e5626b322..d8aeb7ea8d85 100644
--- a/assets/scss/_custom_docs.scss
+++ b/assets/scss/_custom_docs.scss
@@ -486,9 +486,13 @@
border-color: $brand;
box-shadow: 0 0 0 3px rgba(55, 136, 208, .25), 0 16px 40px -22px rgba(17, 24, 39, .3);
}
- .docs-card-head { display: flex; align-items: center; gap: 9px; margin-bottom: 8px; min-height: 30px; }
+ // 37px = the 30px icon, or a wrapped 2-line title (2 x 14.5px x 1.25), whichever is taller,
+ // so the description below starts at the same y on every card in a row
+ .docs-card-head { display: flex; align-items: center; gap: 9px; margin-bottom: 8px; min-height: 37px; }
.docs-icon { flex: 0 0 30px; width: 30px; height: 30px; object-fit: contain; }
- .docs-card-title { margin: 0; font-size: 14.5px; font-weight: 700; color: $ink; line-height: 1.25; flex: 1; }
+ // padding-top:0 kills the global `h1..h6 { padding-top: 1.1rem }` from the theme,
+ // which otherwise pads the flex item and drops the name ~9px below the icon.
+ .docs-card-title { margin: 0; padding: 0; font-size: 14.5px; font-weight: 700; color: $ink; line-height: 1.25; flex: 1; }
.docs-stars {
display: inline-flex; align-items: center; gap: 4px;
padding: 2px 8px; border-radius: 999px;
diff --git a/assets/scss/_custom_home.scss b/assets/scss/_custom_home.scss
index f82f5cf886a7..77bbfcf70e56 100644
--- a/assets/scss/_custom_home.scss
+++ b/assets/scss/_custom_home.scss
@@ -1549,7 +1549,9 @@ $brand-grad: linear-gradient(180deg, #479EEB 0%, #3788D0 100%);
flex: 0 0 26px; width: 26px; height: 26px;
object-fit: contain; display: block;
}
- .dl-card-title { margin: 0; font-size: 14px; font-weight: 700; color: $ink; line-height: 1.25; }
+ // padding-top:0 kills the global `h1..h6 { padding-top: 1.1rem }` from the theme,
+ // which otherwise pads the flex item and drops the name ~9px below the icon.
+ .dl-card-title { margin: 0; padding: 0; font-size: 14px; font-weight: 700; color: $ink; line-height: 1.25; }
.dl-card-desc {
margin: 0 0 10px; font-size: 12px; color: $body; line-height: 1.5;
min-height: 36px; // reserve 2 lines so blocks below stay aligned
@@ -1637,7 +1639,7 @@ $brand-grad: linear-gradient(180deg, #479EEB 0%, #3788D0 100%);
}
.dl-card--docker {
- h5 { margin: 0 0 6px; font-size: 14px; font-weight: 700; color: $ink; }
+ h5 { margin: 0 0 6px; padding: 0; font-size: 14px; font-weight: 700; color: $ink; }
p { margin: 0 0 14px; font-size: 12.5px; color: $body; line-height: 1.5; flex: 1; }
.dl-link--main { align-self: flex-start; }
}
diff --git a/data/releases.yml b/data/releases.yml
index 43054ee0c09f..757ff2d9779d 100644
--- a/data/releases.yml
+++ b/data/releases.yml
@@ -481,7 +481,7 @@
- name: sha512
link: https://downloads.apache.org/skywalking/python/1.3.0/skywalking-python-src-1.3.0.tgz.sha512
- version: v1.2.0
- date: "2025-05-11"
+ date: May 11th, 2025
downloadLink:
- name: src
link: https://archive.apache.org/dist/skywalking/python/1.2.0/skywalking-python-src-1.2.0.tgz
@@ -496,7 +496,7 @@
- name: Install via pip
link: https://pypi.org/project/apache-skywalking/1.3.0/
- version: v1.2.0
- date: 2025-05-11
+ date: May 11th, 2025
downloadLink:
- name: Install via pip
link: https://pypi.org/project/apache-skywalking/1.2.0/
@@ -528,7 +528,7 @@
description: The NodeJS Agent for Apache SkyWalking, which provides the native tracing abilities for NodeJS projects.
source:
- version: v0.9.0
- date: "2026-06-26"
+ date: Jun. 26th, 2026
downloadLink:
- name: src
link: https://www.apache.org/dyn/closer.cgi/skywalking/node-js/0.9.0/skywalking-nodejs-src-0.9.0.tgz
@@ -538,7 +538,7 @@
link: https://downloads.apache.org/skywalking/node-js/0.9.0/skywalking-nodejs-src-0.9.0.tgz.sha512
distribution:
- version: 0.9.0
- date: "2026-06-26"
+ date: Jun. 26th, 2026
downloadLink:
- name: Install via npm
link: https://npmjs.com/package/skywalking-backend-js