"List", "Gantt"... (view type) buttons are unclickable on narrower screens #3217
Labels
No Label
area/internal-code
changes requested
confirmed
dependencies
duplicate
good first issue
help wanted
hosting
invalid
kind/bug
kind/feature
question
wontfix
No Milestone
No project
No Assignees
3 Participants
Notifications
Due Date
No due date set.
Dependencies
No dependencies set.
Reference: vikunja/frontend#3217
Loading…
Reference in New Issue
No description provided.
Delete Branch "%!s(<nil>)"
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?
Description
They are covered by the "filters" element. On screen widths from 800 to 1000 when the sidebar is open.
Vikunja Frontend Version
0eb78e32
Vikunja API Version
v0.20.1+150-4f62e978ef
Browser and version
No response
Can you reproduce the bug on the Vikunja demo site?
Yes
Screenshots
Good catch. We have some open branches that would conflict with a too invasive change here. There is a lot that could be optimised. For a quick-fix I think adding using grid or flex on
switch-view-container
seems to do the trick.For this we would need to remove the absolute position from the
.filter-container
.@konrad Is there any reason why that is still absolutely positioned? We refactored that area a bit so I think the original reason for that being absolute doesn't apply anymore.
What I also do not understand is, why the min and max-width here is needed:
fd3e7e655d/src/styles/components/list.scss (L13-L18)
Not sure. I think the original reason was so that the search input animation works but also the positioning of the filter form. Since that's now a modal it should be fine to make this not absolutely positioned.
We need to make sure the kanban buckets height works on all screen sizes. There's too much calculation involved so that might break when we start to change things around the buttons.