Wider table title cell

This commit is contained in:
Chen-I Lim 2020-10-13 14:06:20 -07:00
parent 5074279bc5
commit 61a6bac9dc
3 changed files with 7 additions and 3 deletions

View file

@ -111,7 +111,7 @@ class TableComponent extends React.Component<Props, State> {
{/* Headers */} {/* Headers */}
<div className="octo-table-header" id="mainBoardHeader"> <div className="octo-table-header" id="mainBoardHeader">
<div className="octo-table-cell" id="mainBoardHeader"> <div className="octo-table-cell title-cell" id="mainBoardHeader">
<div <div
className="octo-label" className="octo-label"
style={{ cursor: "pointer" }} style={{ cursor: "pointer" }}

View file

@ -36,7 +36,7 @@ class TableRow extends React.Component<Props, State> {
{/* Name / title */} {/* Name / title */}
<div className="octo-table-cell" id="mainBoardHeader" onMouseOver={() => { openButonRef.current.style.display = null }} onMouseLeave={() => { openButonRef.current.style.display = "none" }}> <div className="octo-table-cell title-cell" id="mainBoardHeader" onMouseOver={() => { openButonRef.current.style.display = null }} onMouseLeave={() => { openButonRef.current.style.display = "none" }}>
<div className="octo-icontitle"> <div className="octo-icontitle">
<div className="octo-icon">{card.icon}</div> <div className="octo-icon">{card.icon}</div>
<Editable <Editable

View file

@ -630,7 +630,7 @@ hr {
box-sizing: border-box; box-sizing: border-box;
padding: 5px 8px 6px 8px; padding: 5px 8px 6px 8px;
width: 240px; width: 150px;
min-height: 32px; min-height: 32px;
font-size: 14px; font-size: 14px;
@ -640,6 +640,10 @@ hr {
position: relative; position: relative;
} }
.octo-table-cell.title-cell {
width: 280px;
}
.octo-table-cell .octo-propertyvalue { .octo-table-cell .octo-propertyvalue {
line-height: 17px; line-height: 17px;
} }