wu-sheng opened a new pull request, #862:
URL: https://github.com/apache/skywalking-website/pull/862
## What
The blog listing showed only **2 posts per row** because a 300px `Browse
topics` right sidebar ate the width. This moves the topics into a compact
**dropdown filter** above the grid, freeing the full content width so the cards
go **3-up**.
## How
- `layouts/blog/list.html` + `layouts/zh/list.html`: replace the right
`<aside>` sidebar with a `.blog-topbar` holding a native `<details>` dropdown —
an `All posts` row plus one row per canonical topic (`data/blog_topics.yml`),
each linking to its `/tags/` page as before. No JavaScript.
- `assets/scss/_custom_home.scss`: drop the `.blog-grid { 1fr 1fr }` sidebar
override so the base `repeat(3, 1fr)` applies; add `.topic-filter*` styles;
remove the now-unused `.blog-layout` / `.blog-sidebar` / `.album-*` rules.
## Responsive
3-up (desktop) → 2-up (≤992px) → 1-up (≤600px); the dropdown goes full-width
on phones.
Builds clean with `hugo`; verified the rendered structure and links on both
`/blog/` and `/zh/`.
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
