#space not being handled super effectively in a couple places

1 messages · Page 1 of 1 (latest)

vast torrent
#

Not sure how it should look but the users and payments tab of the UI seem to have large amounts of whitespice in all cases and causing runoff or needing to scroll when (in my mind) things could compress.

in one case it looks like navigation buttons (off screen) could be below the name/email or whitespace could be crunched down

This is using the blueinfinity but i think its present in a both default themes.

#

an example of it being done right :

seems not so much a design choice as just newer sections having more flexible programming and older ones needing to catch up?

vast torrent
#

space not being handled super effectively in a couple places

ionic canopy
#

I'll try to do something 👍

ionic canopy
#

I looked, and unfortunately this problem is related to the way datatables is implemented. It selects the width when the page loads, and it will not change without updating (there is no dynamic change of the width for the tables). If you refresh the page, datatables will try to select the maximum width based on the content inside

#

Lemme record video demo

ionic canopy
vast torrent
#

Check Users specifically.

#

it seems to work differently, I do see the quirk in servers and other pages which is not BEAUTIFUL but is not bad or anything. but users seems to ALWAYS be wide even if i clear cache and refresh.

ionic canopy
#

Okay, I'll check that

vast torrent
#

ill keep spamming findings

ionic canopy
vast torrent
#

i have news.

users page is working the same as the others, if i shrink a little it condenses, if i shrink more the buttons on the left go full verticle aligned to save space, but at half width (how i was doing my browser) it just simply cant fit all the content. even though to me it looks like there is "empty space" its taken up by either the top bar or the content of one of the users in the datatable.

the only fix is to change how formatting works and i bet that would be a pain. so this one can be closed for now (or moved to github as an issue later)

ionic canopy
calm torrent
#

and im NOT modifying datatables to support tailwind rewrite at all 😭

#

it was a pain in the ass and it will be one

#

so best option is just to move away from datatables

#

we have better alternatives

#

besides, we are going to be using the TALL stack (tailwind, alpine, laravel, livewire)

ionic canopy
calm torrent
#

yes ik

ionic canopy
#

In this case, we can 100% control behaviour of tables

#

Yes, we need to modify our models, yes controllers too. But it sounds like it worth it

ionic canopy
#

Here's example why it can have a lot of "unused" space. All columns formatted to the biggest value or column name