fluentform icon indicating copy to clipboard operation
fluentform copied to clipboard

Entries from All Forms: change Submission row based on browser width

Open paaljoachim opened this issue 1 year ago • 2 comments

I see this when the browser is 1200px wide.

Screenshot 2024-07-08 at 14 23 28

The Form title column should change size in relation to the browser width. As it takes too much space and has a lot of empty space in it. Another option would be to in general making it smaller and if the user has a long time for the form truncate the title or wrap the title to a second line.

paaljoachim avatar Jul 08 '24 12:07 paaljoachim

Actually in Chrome Console Elements I turned off table-layout fixed.

.el-table__body, .el-table__footer, .el-table__header { border-collapse: separate; /* table-layout: fixed; */ }

It now looks like this: Screenshot 2024-07-08 at 14 33 15

Here one avoids the horizontal scrollbar which is nice.

Btw In general it is best to avoid scrolling when one can. It is likely some other CSS that can be used here instead.

paaljoachim avatar Jul 08 '24 12:07 paaljoachim

After having clicked and viewed the entry and then gone back to the Entries screen I suddenly noticed the row show up like this:

Screenshot 2024-07-08 at 15 09 07

Where the eye icon and the trash icon is seen.

Btw Hovering over the eye icon the word "View" should be seen but there is no tooltip.

paaljoachim avatar Jul 08 '24 13:07 paaljoachim