openkfw / TruBudget

A blockchain-based workflow tool for efficient and transparent project management
https://openkfw.github.io/trubudget-website/
GNU General Public License v3.0
84 stars 39 forks source link

Only one tag is shown in the workflow item overview even if more are present #1906

Closed jzakotnik closed 2 weeks ago

jzakotnik commented 2 months ago

We added various tags to a workflow item, but only the first is rendered. Seems in the code only 1 tag is used?

<div className="tag-cell">
                  {tags.length > 0 && (
                    <Chip
                      label={tags[0]}
                      size="small"
                      onClick={(event) => {
                        props.storeWorkflowitemSearchTerm(`tag:${event.target.innerText}`);
                      }}
                      sx={{ backgroundColor: (theme) => theme.palette.tag.main, color: "white" }}
                    />
                  )}
                </div>

image

SamuelPull commented 2 months ago

This is mainly due to the table size. Perhaps add and inidicator that there are more tags and display them on mouse hover? (Wouldn't work with phones and tablets)

jzakotnik commented 4 weeks ago

But if there's space on a large screen, they could still be displayed

jzakotnik commented 4 weeks ago

Quick workaround: adding +x if there are more tags