Giter Club home page Giter Club logo

Comments (13)

tionis avatar tionis commented on May 20, 2024 1

I think that's how the cards interface on mobile would be best handled, all other interfaces simple need to be scaled down to the screensize(with the exception with the top bar and the login UI)

from taskcafe.

tionis avatar tionis commented on May 20, 2024

Theres also a problem while creating an event on mobile. In this case though the ui is way to wide for the screen until you zoom out. When I find the time I will test a few other pages for mobile compability.

from taskcafe.

tionis avatar tionis commented on May 20, 2024

As far as I can tell, the UI doesn't adjust to the correct screen size on mobile, its way to wide and parts are not high enough.

from taskcafe.

JordanKnott avatar JordanKnott commented on May 20, 2024

While getting the mobile to at least kinda work is on my todo list, it's not high priority at this moment so it might be a bit before I can address this issue.

I will leave this issue open though in case anyone else wants to take a stab at it!

from taskcafe.

tionis avatar tionis commented on May 20, 2024

I would like to take a look at it, but am quite busy at the moment.
In a few weeks I should have time for this, I always wanted to learn some React.

from taskcafe.

tionis avatar tionis commented on May 20, 2024

If these issues are fixed (additionally the card view has to be shrinked in width and the options have to be moved in a popup menu or down) the web ui is even superior to trello. (IMHO)

from taskcafe.

skybloo avatar skybloo commented on May 20, 2024

I can take a look at implementing these changes if you haven't already started work on them

from taskcafe.

tionis avatar tionis commented on May 20, 2024

@shermr Sure! I'm currently quite busy and would have to learn React to contribute.

from taskcafe.

ilovepancakes95 avatar ilovepancakes95 commented on May 20, 2024

I like the idea of cards being shown one at a time and swiping horizontally to snap them to center but maybe even better is overlaying the cards slightly on top of each other in a stack (like Apple Passbook/Wallet does) so you can see all the cards at once and maybe the first task or two on each, then just tap the heading to jump into that card. See below example from Apple.

image

from taskcafe.

c-nv-s avatar c-nv-s commented on May 20, 2024

I'm just going to leave this here as a suggestion: https://github.com/couds/react-bulma-components

from taskcafe.

Aesir avatar Aesir commented on May 20, 2024

The opposite issue exists on large monitors, most likely related. I'm running 2560x1440 and everything is very compressed.
image

You should at least center the columns but it would be nice if more of the card was shown when the real estate is available (e.g. descriptions, checklists), or at least give the ability to change column widths and font sizes. Definitely more important to get mobile screens working but any solution is likely to allow for scaling to larger screens and they shouldn't be forgotten.

from taskcafe.

hacker-h avatar hacker-h commented on May 20, 2024

@Aesir on 1440p I zoom in by 40%, I think this is more handy on demand than a fixed setting per device

from taskcafe.

Aesir avatar Aesir commented on May 20, 2024

@hacker-h If you do one properly you get the other. Obviously, you don't need to support every resolution but supporting phone resolution with minimum sizes before switching and adding options for UI and font scaling make it so that virtually every resolution ends up being supported. This is very standard for most apps and websites now, with a lot of tools available that do most of the work.

from taskcafe.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.