Das Navigationsmenü ist auf Mobilgeräten nicht vertikal zentriert

UX
1

Der padding-top von #main-outlet beträgt 20px[1]:

The image is a screenshot of issue tracking and support tickets on a platform called "#main-outlet." (Captioned by AI)
The image is a screenshot of issue tracking and support tickets on a platform called "#main-outlet." (Captioned by AI)387×860 68.6 KB

Der untere Rand der Navigationsleiste beträgt 12px[2]:

The image shows a hidden menu for an IsCourse navigation bar, displaying CSS properties and access settings. (Captioned by AI)
The image shows a hidden menu for an IsCourse navigation bar, displaying CSS properties and access settings. (Captioned by AI)387×860 68.7 KB

Das Ergebnis ist, dass die Navigationsleiste nicht vertikal zwischen dem Header und dem Hauptinhalt zentriert ist:

image


The image depicts a screen capture of the'Isocourse' Discord server showing a stream of latest messages including support inquiries, plugin issues, and updates about features like a new composer and a topics voting system. (Captioned by AI)
The image depicts a screen capture of the'Isocourse' Discord server showing a stream of latest messages including support inquiries, plugin issues, and updates about features like a new composer and a topics voting system. (Captioned by AI)387×860 77.6 KB

Mein Vorschlag ist, einige Attribute/Werte anzupassen, damit die Navigationsleiste vertikal zentriert ist:

The image shows a list of discussions on the Isocourse website forum, including topics on sidebar issues, votes display improvements, email support, server maintenance, a new composer, and an introduction to DisCorkie. (Captioned by AI)
The image shows a list of discussions on the Isocourse website forum, including topics on sidebar issues, votes display improvements, email support, server maintenance, a new composer, and an introduction to DisCorkie. (Captioned by AI)387×860 78.3 KB

  1. 1.25em ↩︎

  2. var(--nav-space): 0.75em ↩︎