[PR #1974] [MERGED] fix(menu): alignment of projects and subprojects in sidebar #5378

New Issue

2026-04-16T13:36:05-05:00

GiteaMirror commented

2026-04-16 13:36:05 -05:00

📋 Pull Request Information

Original PR: https://github.com/go-vikunja/vikunja/pull/1974
Author: @vonalbert
Created: 12/12/2025
Status: ✅ Merged
Merged: 12/15/2025
Merged by: @kolaente

Base: main ← Head: main

📝 Commits (3)

f0a9962 fix: align projects and subprojects menu items
a27cbdf fix: use the same units as collapse button and svg for collapse placeholder
d2d5432 refactor: normalized units to rem for project collapse toggle sizing

📊 Changes

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

View changed files

📝 frontend/src/styles/theme/navigation.scss (+2 -1)

📄 Description

This PR changes the width of the collapse-project-button-placeholder element in order to match the width of the collapse button that has 0.25 + 0.5 rem of horizontal padding and the svg element inside has 1.25em of width.

As you can see from the screenshots, the first and third projects are misaligned compared to the second one. The same happens with sub-subprojects.

Here there are the same projects with this fix applied. The alignment seems to be preserved even with deeply nested projects.

_{🔄 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/go-vikunja/vikunja/pull/1974 **Author:** [@vonalbert](https://github.com/vonalbert) **Created:** 12/12/2025 **Status:** ✅ Merged **Merged:** 12/15/2025 **Merged by:** [@kolaente](https://github.com/kolaente) **Base:** `main` ← **Head:** `main` --- ### 📝 Commits (3) - [`f0a9962`](https://github.com/go-vikunja/vikunja/commit/f0a99627f4ab6c496b17aa8138b9a87db8f5937e) fix: align projects and subprojects menu items - [`a27cbdf`](https://github.com/go-vikunja/vikunja/commit/a27cbdf9650373877eae61a1232de5fcaffe32a3) fix: use the same units as collapse button and svg for collapse placeholder - [`d2d5432`](https://github.com/go-vikunja/vikunja/commit/d2d5432984ee3daaf983fa0cb5aeca7dfbc9683f) refactor: normalized units to rem for project collapse toggle sizing ### 📊 Changes **1 file changed** (+2 additions, -1 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/styles/theme/navigation.scss` (+2 -1) </details> ### 📄 Description This PR changes the width of the collapse-project-button-placeholder element in order to match the width of the collapse button that has 0.25 + 0.5 rem of horizontal padding and the svg element inside has 1.25em of width. As you can see from the screenshots, the first and third projects are misaligned compared to the second one. The same happens with sub-subprojects. <img width="253" height="129" alt="image" src="https://github.com/user-attachments/assets/9ca55415-2303-45b5-8a9e-d1b0e03d44bb" /> <img width="258" height="258" alt="image" src="https://github.com/user-attachments/assets/ff6abfbe-5527-48d2-b8aa-2b34da054e19" /> Here there are the same projects with this fix applied. The alignment seems to be preserved even with deeply nested projects. <img width="247" height="143" alt="image" src="https://github.com/user-attachments/assets/6566e37a-2017-43d5-b94d-e3daf1a4eb7f" /> <img width="279" height="274" alt="image" src="https://github.com/user-attachments/assets/95d6afd9-ace8-4d55-95c2-c1f924d4826f" /> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

GiteaMirror added the pull-request label 2026-04-16 13:36:05 -05:00

GiteaMirror closed this issue

2026-04-16 13:36:05 -05:00

Sign in to join this conversation.

Branches Tags

main

renovate/tiptap

fix-restore-dir-entries

renovate/postcss-8.x

renovate/github.com-danielgtaylor-huma-v2-2.x

renovate/node-24.x

renovate/aws-sdk-go-v2-monorepo

renovate/minimatch-10.x

renovate/major-dev-dependencies

renovate/actions-ai-inference-3.x

renovate/node

renovate/rollup-4.x

fix-multiline-add-task-order

gh-readonly-queue/main/pr-3363-654bb9493053299350c37d355cb426e045d72353

feat-project-templates

feat-soft-delete-projects

pr-swarm-assets

feat-run-as-user

fix-sr-findings

claude/task-event-field-changes-ws73g2

feat-mcp

feat-audit-sinks

claude/per-user-feature-toggles-vqlg8x

docs-v2-query-param

claude/veans-question-xBFkq

spike-huma-openapi3

claude/investigate-swagger3-support-nyyUa

feat-list-view-buckets

ci-mysql-8-test

codex/analyze-codebase-for-email-task-feature

csv-import-feature

claude/email-reply-comments-wpdcQ

fix-oidc-pkce-support

fix/overview-subtasks-expand

feat/bucket-select-task-detail

claude/review-bot-design-plan-cf5C3

claude/project-scoped-api-tokens-KTqR3

claude/explore-openclaw-integration-KQEzg

claude/project-scoped-api-tokens-yv5KS

fix-duplicate-close-button

feat-list-view-sorting

feat/official-vite-sentry-plugin

feat/highlight-overdue-tasks

feat/add-enter-key-form-submission-handling

feat/TipTap-nits

feat/update-caldavtimetotimestamp-parsing

feat-phosphor-icons

wip-plans

claude/investigate-issue-2173-llKme

fix-description-text-drag

feat-custom-keyboard-shortcuts

pr-1845-ci

codex/fix-drag-and-drop-behavior-inconsistency

copilot/add-clickable-labels-for-filtering

copilot/fix-issue-1786

playwright-migration

fix-kanban-repeating-wip

copilot/fix-1498

feature/replace-axios

codex/upgrade-to-tailwind-4.1.8-using-pnpm

codex/add-cypress-test-for-avatar-types

feature/biome

feature/oxc

codex/update-flexsearch-to-0.8.205

4r6ni9-codex/fix-deprecated-sass-@import-usage

codex/fix-deprecated-sass-@import-usage

codex/add-cypress-test-for-task-list-refresh-fix

codex/fix-quick-add-magic-not-adding-tasks

codex/fix-all-type-errors

codex/fix-mimetype-for-docs.json

feature/caldav-from-scratch

feature/gh-actions-hetzner

fix-ci

feat/new-logger

jyte-better-dev-config

feat/add-team-member-with-enter

fix/button-and-icon-types

fix/notifications-component-name-collision

feature/null-time

renovate/tailwindcss-4.x

feature/unplugin-vue-router

fix/deprecated-import

feature/zod-schema

renovate/golangci-golangci-lint-1.x

fix/tiptap-editor-reactive-destructuring

release/0.24

feat/improve-add-task

fix/saved-filter-search

feat/webp-and-avif-attachment-previews

feature/migrate-back-to-bulma

fix/sass-add-missing-list-import

feature/sticky-demo-bar

fix/gantt-view-switch

feature/typesense-position-join

feature/focus-visible

dependencies/golangci-lint

feature/better-filter-syntax

fix/tiptap-task-list

renovate/github.com-golang-jwt-jwt-v4-5.x

feature/hide-forbidden-related-tasks

renovate/golang-1.x

release/0.20

release/0.17

release/0.16

release/0.15

release/0.14

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/vikunja#5378