mirror of
https://github.com/go-vikunja/vikunja.git
synced 2026-07-16 23:11:04 -05:00
8ff4696786
The quick actions menu (cmd+k) rendered without any background and grew beyond the viewport: - Its card visuals came from the global Bulma .card styles, which were dropped when Card.vue got its own scoped copy — QuickActions is the only place using a bare class="card" div, so it lost background, border and shadow. Give it its own card styles. - Its height limit came from Bulma's .modal-content max-height, lost when the Bulma modal import was dropped in the native-dialog refactor. The :deep(.modal-content) position override in QuickActions never matched (.modal-content is an ancestor of the scoped selector, not a descendant). Replace both with a proper `top` modal variant that anchors the content 3rem below the top edge and caps its height, resolving the FIXME asking for exactly that option. - The dark scrim never showed: Chromium intermittently stops painting a styled ::backdrop (after subtree re-renders, or while display is transitioned) even though getComputedStyle reports the color. Move the scrim onto the viewport-filling dialog element itself — same as the old div-based .modal-mask — and drop the display/allow-discrete transitions, which the JS-timed close fade never needed.
Web frontend for Vikunja
The todo app to organize your life.
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.exampleas.env.local - Uncomment the
DEV_PROXYline - 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.