Seekra/frontend
3
2
Fork 0
generated from Seekra/repository-template
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Fix navbar alignment on mobile devices #102

New Issue
Closed
opened 2026-06-02 13:22:12 +02:00 by johannes.vos · 1 comment
johannes.vos commented 2026-06-02 13:22:12 +02:00
Member
Copy Link
Copy Source

Problem

The navbar content is not justified correctly when the responsive design is used. (Here: iPhone 12)

Solution approach

Increase the navbar horizontal padding

## Problem The navbar content is not justified correctly when the responsive design is used. (Here: iPhone 12) ## Solution approach Increase the navbar horizontal padding
IMG_7297.jpeg
16 KiB
IMG_7297.jpeg
johannes.vos added this to the testing-ready milestone 2026-06-02 13:22:12 +02:00
johannes.vos added the
area
search-results
prio
low
type
bug
 labels 2026-06-02 13:22:12 +02:00
johannes.vos added this to the MVP Frontend project 2026-06-02 13:22:12 +02:00
johannes.vos changed title from Move dark light model to same vertical high if screen is small to Fix Dark/Light Toggle Alignment on Mobile Devices 2026-06-02 13:24:14 +02:00
jakob.scheid changed title from Fix Dark/Light Toggle Alignment on Mobile Devices to Fix color scheme button alignment on mobile devices 2026-06-02 13:55:01 +02:00
jakob.scheid commented 2026-06-02 13:57:51 +02:00
Owner
Copy Link
Copy Source

We should move the logo slightly to the left too. I suggest doing that by simply reducing the navbar horizontal padding on small screens (less than 768px, but we use 48rem (these two are equal due to the font size) because it is possible to increase the text size in some browsers which is almost the same as reducing the viewport width).

We should move the logo slightly to the left too. I suggest doing that by simply reducing the navbar horizontal padding on small screens (less than `768px`, but we use `48rem` (these two are equal due to the font size) because it is possible to increase the text size in some browsers which is almost the same as reducing the viewport width).
jakob.scheid added area/global and removed
type
bug
area
search-results
 labels 2026-06-02 13:58:21 +02:00
jakob.scheid modified the milestone from testing-ready to mvp-frontend 2026-06-02 13:58:32 +02:00
jakob.scheid changed title from Fix color scheme button alignment on mobile devices to Fix navbar alignment on mobile devices 2026-06-02 15:12:48 +02:00
johannes.vos moved this to In progress in MVP Frontend on 2026-06-04 13:19:17 +02:00
johannes.vos added reference feature/fix-navbar-alignment-on-mobile-devices 2026-06-04 13:19:44 +02:00
johannes.vos self-assigned this 2026-06-04 13:23:37 +02:00
johannes.vos moved this to Review in MVP Frontend on 2026-06-04 13:26:19 +02:00
johannes.vos added a new dependency 2026-06-04 13:30:39 +02:00
#66 Code style is not consistent
johannes.vos removed a dependency 2026-06-04 13:30:48 +02:00
#66 Code style is not consistent
jakob.scheid moved this to Done in MVP Frontend on 2026-06-04 13:41:11 +02:00
Sign in to join this conversation.
feature/fix-navbar-alignment-on-mobile-devices
Branches Tags
Labels
Clear labels
area/global
area
search-results
area
settings
area
startpage
prio
critical
prio
high
prio
low
prio
medium
type
bug
type
chore
type
docs
type
feature
type
refactor
type
testing
type/urgent
No Label area/global
prio
low
Milestone
No items
No Milestone mvp-frontend
Projects
Clear projects
No project MVP Frontend
Assignees
Clear assignees
jakob.gregory (Jakob Gregory) jakob.scheid (Jakob Scheid) johannes.vos (Johannes D. Vos)
No Assignees johannes.vos
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Seekra/frontend#102
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?