bytechefhq / bytechefhq/bytechef

[improve]: Emphasize odd rows in list views

Open
#1,279 4 comments 0 reactions 3 assignees Claimed by @akala444 View on GitHub
design frontend good first issue hacktoberfest
Dominant language
Java
Stars
1k
Forks
170
Avg merge
12h 48m
Merged PRs (30d)
124

Description

### Improvement target

User interface views that display results in the list should differentiate odd and even rows. Particular views like All Projects, if workflows are expanded are quite difficult to anticipate.

### Improvement description

UX improvement is:
- invert even row white background to rgba(243, 244, 246)
- invert even rgba(243, 244, 246) background around project version to white
- odd rows should remain styling as it is now
- make sure that background of project's nested expanded workflows inherits project row styling
- make sure that hoover functionality is preserved (hoover-ed background color seems to work fine)
See image:
![Screenshot 2024-07-29 at 18 00 55](https://github.com/user-attachments/assets/6ca35850-75de-406f-adf6-d60422d30fe6)
Apply same in other views like All connections or All Executions:
![Screenshot 2024-07-29 at 18 04 54](https://github.com/user-attachments/assets/3493d2fc-01fb-47a7-9e72-be649d1631a3)

### Observed Version

2.3.1

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.