[PR #2526] [MERGED] fix(frontend): prevent drag handle from overlapping project color in sidebar #8336

New Issue

GiteaMirror · 2026-04-20T18:09:36-05:00

GiteaMirror commented

2026-04-20 18:09:36 -05:00

📋 Pull Request Information

Original PR: https://github.com/go-vikunja/vikunja/pull/2526
Author: @tink-bot
Created: 4/2/2026
Status: ✅ Merged
Merged: 4/3/2026
Merged by: @kolaente

Base: main ← Head: fix-sidebar-drag-color-overlap

📝 Commits (1)

5cd1f22 fix(frontend): prevent drag handle from overlapping project color in sidebar

📊 Changes

1 file changed (+16 additions, -17 deletions)

View changed files

📝 frontend/src/components/home/ProjectsNavigationItem.vue (+16 -17)

📄 Description

The drag handle icon in the sidebar was absolutely positioned independently of the color bubble, causing them to visually overlap at certain nesting levels.

This moves the drag handle inside the .color-bubble-wrapper container so both elements share the same positioning context and cleanly swap on hover.

Fixes #2493

_{🔄 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/2526 **Author:** [@tink-bot](https://github.com/tink-bot) **Created:** 4/2/2026 **Status:** ✅ Merged **Merged:** 4/3/2026 **Merged by:** [@kolaente](https://github.com/kolaente) **Base:** `main` ← **Head:** `fix-sidebar-drag-color-overlap` --- ### 📝 Commits (1) - [`5cd1f22`](https://github.com/go-vikunja/vikunja/commit/5cd1f22ca786c27cba3ee3e2a475217f785656b3) fix(frontend): prevent drag handle from overlapping project color in sidebar ### 📊 Changes **1 file changed** (+16 additions, -17 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/components/home/ProjectsNavigationItem.vue` (+16 -17) </details> ### 📄 Description The drag handle icon in the sidebar was absolutely positioned independently of the color bubble, causing them to visually overlap at certain nesting levels. This moves the drag handle inside the `.color-bubble-wrapper` container so both elements share the same positioning context and cleanly swap on hover. Fixes #2493 --- <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-20 18:09:36 -05:00

GiteaMirror closed this issue

2026-04-20 18:09:37 -05:00

Sign in to join this conversation.

Branches Tags

main

renovate/major-dev-dependencies

renovate/postcss-8.x

fix-subtask-root-null-safety

renovate/crowdin-github-action-2.x

renovate/postgres-18

renovate/actions-setup-node-6.x

renovate/github.com-labstack-echo-v5-5.x

renovate/tar-7.x

renovate/pnpm

claude/task-event-field-changes-ws73g2

renovate/github.com-labstack-echo-jwt-v5-5.x

renovate/marked-18.x

pr-swarm-assets

feat-mcp

feat-audit-sinks

claude/per-user-feature-toggles-vqlg8x

docs-v2-query-param

feat-project-templates

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

feat-soft-delete-projects

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#8336