Can't select row text, but can select expanded content text

This commit is contained in:
dannyrb 2020-05-11 21:16:36 -04:00 committed by James A. Petts
parent 5c19671d3c
commit e3b0f60e69

View File

@ -8,6 +8,7 @@ const StudyListTableRow = (props) => {
return ( return (
<> <>
<tr> <tr>
<tr className="select-none">
<td <td
className={classnames('border-0 p-0', { className={classnames('border-0 p-0', {
'border-b border-secondary-light bg-primary-dark': isExpanded, 'border-b border-secondary-light bg-primary-dark': isExpanded,
@ -53,11 +54,7 @@ const StudyListTableRow = (props) => {
})} })}
</tr> </tr>
{isExpanded && ( {isExpanded && (
<tr <tr className="w-full bg-black select-text max-h-0 overflow-hidden">
className={classnames(
'w-full bg-black max-h-0 overflow-hidden'
)}
>
<td colSpan={row.length}>{expandedContent}</td> <td colSpan={row.length}>{expandedContent}</td>
</tr> </tr>
)} )}