Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

馃殌 Feature: More compact (database) table lists inside UI #5410

Open
2 tasks done
mbos2 opened this issue Apr 19, 2023 · 3 comments
Open
2 tasks done

馃殌 Feature: More compact (database) table lists inside UI #5410

mbos2 opened this issue Apr 19, 2023 · 3 comments
Labels
product / console Console, UI and UX issues

Comments

@mbos2
Copy link
Contributor

mbos2 commented Apr 19, 2023

馃敄 Feature description

Documents list inside the collection seems a bit large.
Even on large screens scrolling is required to scroll 1-2 items to get to the next button.
It looks really big.

image

Number of total result is hidden on the bottom, which i don't find as appropriate place to put imporant piece of information.


Same thing goes for all other tables in the appwrite console as they all use the same styles

馃帳 Pitch

By turning off this CSS property called block-size on the table-col class, we get more compact table.
image

image
That way I can imidiatelly see total results.
Even more compact than this would be nice.
More data we can instantly see, the better

Also, UX wise, might be good to put total results on top, above the table. Since it is important piece of information, no reason to hide it on the bottom.

Display-per-page number would also be helpful since there's a pagination in place.

馃憖 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

馃彚 Have you read the Code of Conduct?

@mbos2 mbos2 changed the title 馃殌 Feature: (Improvement) Appwrite console: More compact database table lists inside UI 馃殌 Feature: (Improvement) Appwrite console: More compact (database) table lists inside UI Apr 19, 2023
@fliitor
Copy link

fliitor commented Apr 20, 2023

It's more about "Override console css" so

@mbos2
Copy link
Contributor Author

mbos2 commented Apr 21, 2023

No, it's about what I wrote.
I added the CSS part just so I can show the example.

@stnguyen90 stnguyen90 added the product / console Console, UI and UX issues label Apr 21, 2023
@stnguyen90 stnguyen90 changed the title 馃殌 Feature: (Improvement) Appwrite console: More compact (database) table lists inside UI 馃殌 Feature: More compact (database) table lists inside UI Apr 21, 2023
@sammichael25
Copy link

I'd like to add to this, by mentioning the table width.
For collections with a lot of attributes, the fields are cut short, but there is a lot of space on the sides that can be used to allow for wider columns.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
product / console Console, UI and UX issues
Projects
None yet
Development

No branches or pull requests

4 participants