Selected Line Not Fully Highlighted in Blue about twenty HOT 1 CLOSED

To resolve the issue of the selected line not being fully highlighted in blue, follow these steps:

1. Update CSS for RecordTable:

   • Locate the CSS file responsible for the table styling, likely RecordTable.module.css or similar.
   • Add or modify the CSS rule for the selected row to ensure the entire row is highlighted.

   .selectedRow {
     background-color: blue;
   }

2. Modify RecordTable Component:

   • Open RecordTable.tsx.
   • Ensure the selectedRow class is applied to the entire row when it is selected.

   <tr className={isSelected ? 'selectedRow' : ''}>
     {columns.map((column) => (
       <td key={column.id}>{row[column.id]}</td>
     ))}
   </tr>

3. Adjust RecordTableHeaderCell if necessary:

   • Open RecordTableHeaderCell.tsx.
   • Ensure the header cell styling does not interfere with the row selection styling.

These changes should ensure the entire row is highlighted in blue when selected.

References

from twenty.