Details
-
Bug
-
Resolution: Timed out
-
Low
-
1
-
Severity 3 - Minor
-
Description
Issue Summary
Tables added to issues have a fixed table-layout with no scaling to the amount of text in the cells so in effect the
.hpVXwC .pm-table-container > table, .hpVXwC .pm-table-wrapper > table, .hpVXwC .pm-table-sticky-wrapper > table { border-collapse: collapse; margin: 24px 8px 0px 0px; border: 1px solid rgb(193, 199, 208); table-layout: fixed; font-size: 1em; width: 100%; }
Steps to Reproduce
- enable the new issue view and navigate to a classic project or go to a next-gen project which uses the new issue view only
- Add a table to any text field (Comment, Description, etc...)
- insert several columns noting each column added scales down the column width
- add a block of text to any of the columns
- save the table to the field
Expected Results
The table will scale up so the text is readable with an option to horizontally scroll as it did in the classic issue view
Actual Results
All columns are set to a max width of the field, and the columns scaled down to a point the text in the table is unreadable
Workaround
With browser dev tools enabled, right-click the page and select Inspect to open the javascript console
Change the element width: 100%; to width: auto;
.hpVXwC .pm-table-container > table, .hpVXwC .pm-table-wrapper > table, .hpVXwC .pm-table-sticky-wrapper > table { border-collapse: collapse; margin: 24px 8px 0px 0px; border: 1px solid rgb(193, 199, 208); table-layout: fixed; font-size: 1em; width: auto; !<< Make the change here }