[PR #43] [MERGED] Fix posts anchor links hiding content (#35) #65

New Issue

giteasync · 2025-09-10T22:50:10-05:00

giteasync commented

2025-09-10 22:50:10 -05:00

📋 Pull Request Information

Original PR: https://github.com/VSCodium/vscodium.github.io/pull/43
Author: @faresbakhit
Created: 6/22/2021
Status: ✅ Merged
Merged: 7/2/2021
Merged by: @stripedpajamas

Base: master ← Head: patch-3

📝 Commits (2)

d6c65a1 Fix posts anchor links hiding content
107653a Add media queries

📊 Changes

1 file changed (+11 additions, -2 deletions)

View changed files

📝 _includes/css/main.css (+11 -2)

📄 Description

The issue mentioned in #35 was because of the nav bar overlapping the post content
so an easy solution would be setting the scroll-margin-top to the same height as the nav bar (1px smaller)

Here's before (from https://github.com/VSCodium/vscodium.github.io/issues/35#issue-792908133):

Here's after:

Sorry for the quality and the colors of the GIF

Added support to media queries

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/VSCodium/vscodium.github.io/pull/43 **Author:** [@faresbakhit](https://github.com/faresbakhit) **Created:** 6/22/2021 **Status:** ✅ Merged **Merged:** 7/2/2021 **Merged by:** [@stripedpajamas](https://github.com/stripedpajamas) **Base:** `master` ← **Head:** `patch-3` --- ### 📝 Commits (2) - [`d6c65a1`](https://github.com/VSCodium/vscodium.github.io/commit/d6c65a176abcda95a2c4b85615a8461b75873061) Fix posts anchor links hiding content - [`107653a`](https://github.com/VSCodium/vscodium.github.io/commit/107653abb324f26b891157fa5de5b490de7684a4) Add media queries ### 📊 Changes **1 file changed** (+11 additions, -2 deletions) <details> <summary>View changed files</summary> 📝 `_includes/css/main.css` (+11 -2) </details> ### 📄 Description The issue mentioned in #35 was because of the nav bar overlapping the post content so an easy solution would be setting the [scroll-margin-top](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-top) to the same height as the nav bar (1px smaller) Here's before (from https://github.com/VSCodium/vscodium.github.io/issues/35#issue-792908133): ![hazarek issue](https://user-images.githubusercontent.com/36481442/105644093-c3597780-5ea4-11eb-9a55-cbdc792d2ad7.gif) Here's after: ![ezgif-7-b41076ab4c60](https://user-images.githubusercontent.com/73843130/122941086-58d63600-d375-11eb-9edb-1234d54b0db9.gif) Sorry for the quality and the colors of the GIF Added support to media queries --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

giteasync added the

pull-request

label 2025-09-10 22:50:10 -05:00

giteasync closed this issue

2025-09-10 22:50:10 -05:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: VSCodium/vscodium.github.io#65