okTurtles / group-income

A decentralized and private (end-to-end encrypted) financial safety net for you and your friends.
https://groupincome.org
GNU Affero General Public License v3.0
331 stars 44 forks source link

#2188 - Fix payment table UI bug that happens in certain desktop viewport range #2383

Closed SebinSong closed 1 month ago

SebinSong commented 1 month ago

closes #2188

Apparently 'Showing ellipsis when the user name is too long' has been resolved since the issue was created, but there is still an outstanding bug where some table header elements (<th>..</th>) become double lines with not enough margins in between them.

Made a fix where it makes sure the headers remain single-line in narrow screen and add horizontal scroll-bar to prevent overflowing elements from happening. Hope it sounds good.

[Before]

payment-table-issue


[After]

payment-table-fix
cypress[bot] commented 1 month ago

group-income    Run #3317

Run Properties:  status check passed Passed #3317  •  git commit 534e53e658 ℹ️: Merge 75d9f984fae9d275a7dfe2f794b16d670a2361b6 into 5537876a0cdcc9258a32905654ee...
Project group-income
Run status status check passed Passed #3317
Run duration 09m 00s
Commit git commit 534e53e658 ℹ️: Merge 75d9f984fae9d275a7dfe2f794b16d670a2361b6 into 5537876a0cdcc9258a32905654ee...
Committer Sebin Song
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 0
Tests that did not run due to a developer annotating a test with .skip  Pending 10
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 111