dat-ecosystem-archive/dat-desktop

Suggestion for File-List Styling

AtuyL opened this issue ยท 11 comments

AtuyL commented

for My Eye-muscles
suggest

@marcchataigner, do you have some idea how to make file lists easier to read?

Indeed we could flip columns around similar as a linux terminal does:

$ ll
total 640
drwxr-xr-x  13 daniel daniel   4096 Dec  7 15:49 ./
drwxr-xr-x  12 daniel daniel   4096 Dec  7 12:52 ../
drwxr-xr-x   7 daniel daniel   4096 Dec  7 12:22 app/
-rw-r--r--   1 daniel daniel    595 Nov 10 10:36 appveyor.yml
drwxr-xr-x   2 daniel daniel   4096 Nov 16 13:55 assets/
-rw-r--r--   1 daniel daniel    259 Dec  7 11:27 .babelrc
drwxr-xr-x   3 daniel daniel   4096 Dec  5 08:37 build/
-rw-r--r--   1 daniel daniel   1376 Oct  3 05:17 CONTRIBUTING.md
drwxr-xr-x   3 daniel daniel   4096 Nov 10 10:36 dev/
drwxrwxr-x   5 daniel daniel   4096 Dec  7 15:50 dist/
drwxr-xr-x   8 daniel daniel   4096 Dec  7 13:10 .git/
-rw-r--r--   1 daniel daniel    119 Nov 17 23:37 .gitignore
-rw-r--r--   1 daniel daniel    571 Dec  7 11:27 index.html
-rw-r--r--   1 daniel daniel   3434 Dec  7 11:27 index.js
drwxr-xr-x   2 daniel daniel   4096 Nov 10 10:36 lib/
-rw-r--r--   1 daniel daniel   1068 Oct  3 05:17 LICENSE
drwxr-xr-x 980 daniel daniel  36864 Dec  7 15:48 node_modules/
-rw-r--r--   1 daniel daniel   4339 Dec  7 11:27 package.json
-rw-r--r--   1 daniel daniel 510490 Dec  7 13:11 package-lock.json
-rw-r--r--   1 daniel daniel   1039 Dec  7 12:22 preload.js
-rw-r--r--   1 daniel daniel   1972 Dec  7 11:27 README.md
drwxr-xr-x   3 daniel daniel   4096 Dec  7 13:18 static/
drwxr-xr-x   4 daniel daniel   4096 Nov 10 10:36 tests/
-rw-r--r--   1 daniel daniel    466 Nov 10 10:36 .travis.yml
drwxr-xr-x   3 daniel daniel   4096 Dec  7 11:27 unit-tests/
-rw-r--r--   1 daniel daniel    827 Dec  7 11:27 webpack.config.js
AtuyL commented

@dkastl san
OR, double-row.
screen shot 2018-12-07 at 17 22 36

Double row looks interesting, maybe with a way to show it also compact.
However, let's move the final decision to a later milestone, maybe 3.1

In this list, what would be the key element you want the user to focus on? (based on the main action you want him/her to do)

AtuyL commented

want the user to focus on?

It is from use cases.
Maybe required two or more style. (maybe in over 4.x)
However, in this thread's main-theme told for the version 3.1.
It is mean is want the "default".

By the way, file path is the most important in my case.
I like things that allow you to grasp the file list without moving the view point as much as possible when scrolling vertically and lengthy.
Therefore, it is necessary to devise such that double-row does not disturb it by coloring etc.

If the aim is to only display information, without proposing any action to the user, I agree with the 2 lines.

If the aim is to enable the user to filter, or select lines (items) before downloading, then maybe a single line with clear columns might work better. If the user wants to filter by file_name, date, size for instance.

what do you think ?

AtuyL commented

Unfortunately, I think in the version 3.1, maybe cannot implementation filter-ui. ๐Ÿ˜ญ
I have other high priority issues by this project. ๐Ÿ˜“

I think it's not so clear yet. But I don't think we need to hurry.

AtuyL commented

I think so.
however, column-switching (or double row) is will can between within 30min. very very light task.
Our can decision like a feather touch. :)

@AtuyL , yes just make two lines if it's easy. Details and more improvements can be discussed with the next release.

AtuyL commented

@dkastl san
Okey. Thank you :)