search

go-vikunja / vikunja

Mirror of vikunja from https://code.vikunja.io/api
GNU Affero General Public License v3.0
1.02k stars 71 forks source link

Smartphone UI Issues #309

Closed haldi4803 closed 2 months ago

haldi4803 commented 3 months ago

Description

  1. Filters. When you click the Filter button a Popup comes that is bigger than my Screen, so you can scroll the Popup. On the Other hand its ALMOST impossible to close the popup again! you need to hit the 5 pixels on top between the popup and the top of the screen to close it. There should be a [Close] button on the Filter popup if it's that big!

  2. Header and Page width are not the same. Can be seen in the Kanban Tab, or in the Gant Tab if it hasn't finished loading yet. The Default zoom can be zoomed out, and you see a white bar on the right side appearing, but the header is still going until the end. Probably because it aligns to the widest element on the page?

  3. Kanban view is not FullScreen / Device width. All other Elements properly align to Page Width. So it's beautifuly maximized. Only Kanban does NOT. I Assume that is because of the "+ Create new Bucket" button. While that might work flawless on Desktop Mode, on the Smartphone with a Vertical Display that is an issue. The button should just not be there but somewhere else. Don't ask me where... i'd say same heigh als "Clear Filters" and Filters" or Below that ontop of the existing Bucket? I don't know. But on the Right side just causes issues.

Vikunja Version

Frontend Version: 0.22.1 API Version: v0.22.1

Browser and version

Firefox for Android v129.0

Can you reproduce the bug on the Vikunja demo site?

Yes

Screenshots

Screenshot_20240814-200558 Screenshot_20240814-200626 Screenshot_20240814-200535 Screenshot_20240814-201822

haldi4803 commented 3 months ago

Screenshot_20240815-111426

Found another issue... If you are inside an element to edit something. How do you get back? Only one of those two arrows bring you back. To the List. Guess which one? IMHO both should.

kolaente commented 2 months ago

Are these issues all the same on the latest release?

haldi4803 commented 2 months ago

Switched from TrueNas App to Docker. Version: v0.24.2

Filters are now small. So issue 1 is solved. Screenshot_20240827-132935

Kannan Tab still has issues with Page Width of Header (and Filter) Screenshot_20240827-133010

kolaente commented 2 months ago

The filter and kanban issues are now fixed in https://github.com/go-vikunja/vikunja/commit/f53b93d98ae35e904dd24944722a0388421cca5e and https://github.com/go-vikunja/vikunja/commit/945f25b81858f0abb303c5bd0d6ce2612e1dbf3b. Please check that with the next unstable build.

Header and Page width are not the same. Can be seen in the Kanban Tab, or in the Gant Tab if it hasn't finished loading yet. The Default zoom can be zoomed out, and you see a white bar on the right side appearing, but the header is still going until the end. Probably because it aligns to the widest element on the page?

I was unable to reproduce that. Can you, on the demo page?

haldi4803 commented 2 months ago

Yes. Using Firefox Mobile or Chrome. Might be due to my Display Resolution of 1644x3840 pixel which is a strange aspect ratio?

Screenshot_20240912-201106

https://github.com/user-attachments/assets/7fabbdba-3e30-47eb-a736-7288583642c1

kolaente commented 2 months ago

Looks like the fix from yesterday was actually not deployed to try, because of an issue with the build. It is now available, can you check again?

kolaente commented 2 months ago

I'm closing as resolved, please ping if you still encounter issues with this.