Files
vikunja/frontend
kolaente 26cb3c9b57 fix(frontend): don't overlap project color with drag handle on touch capable desktops
The sidebar drag handle and the project color bubble share the same 1rem box and
swap on hover. Two rules forced both of them visible at once whenever the
`is-touch` body class was set, which `is-touch-device` sets for anything exposing
touch events — including a desktop with a touchscreen. Those machines report
`pointer: fine`, so the coarse-pointer rule that hides the handle didn't apply and
the grip icon was painted on top of the color dot permanently.

Key the overrides off `(pointer: coarse)` instead, matching how the handle is
already hidden there and how ProjectList/ProjectKanban detect touch.

Fixes #3449
2026-08-18 13:15:40 +02:00
..
2026-08-04 00:30:22 +02:00

Web frontend for Vikunja

The todo app to organize your life.

License: AGPL-3.0-or-later Translation

This is the web frontend for Vikunja, written in Vue.js.

Take a look at our roadmap (hosted on Vikunja!) for a list of things we're currently working on!

For general information about the project, refer to the top-level readme of this repo.

Project setup

pnpm install

Development

Define backend server

You can develop the web front end against any accessible backend, including the demo at https://try.vikunja.io

In order to do so, you need to set the DEV_PROXY env variable. The recommended way to do so is to:

  • Copy .env.local.example as .env.local
  • Uncomment the DEV_PROXY line
  • Set the backend url you want to use

In the end, it should look like DEV_PROXY=https://try.vikunja.io if you work against the online demo backend.

Start dev server (compiles and hot-reloads)

pnpm run dev

Compiles and minifies for production

pnpm run build

Lints and fixes files

pnpm run lint

License

This project is licensed under the AGPL-3.0-or-later license. See the LICENSE file for details.