Skip to content

Commit 2b4bae0

Browse files
committed
Minor fixes in CSS for inline lane title edit
1 parent e55f0d3 commit 2b4bae0

3 files changed

Lines changed: 147 additions & 139 deletions

File tree

src/components/Lane/LaneHeader.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ const LaneHeaderComponent = ({
99
}) => {
1010

1111
return (
12-
<LaneHeader onDoubleClick={onDoubleClick}>
12+
<LaneHeader onDoubleClick={onDoubleClick} editLaneTitle={editLaneTitle}>
1313
<Title style={titleStyle}>
1414
{editLaneTitle ?
1515
<InlineInput value={title} border placeholder={t('placeholder.title')} onSave={updateTitle} /> :
@@ -19,8 +19,8 @@ const LaneHeaderComponent = ({
1919
{label && (
2020
<RightContent>
2121
<span style={labelStyle}>{label}</span>
22-
</RightContent>
23-
)}
22+
</RightContent>
23+
)}
2424
{canAddLanes && <LaneMenu t={t} onDelete={onDelete}/>}
2525
</LaneHeader>
2626
)

src/styles/Base.js

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -117,8 +117,16 @@ export const Section = styled.section`
117117
`
118118

119119
export const LaneHeader = styled(Header)`
120-
padding: 0px 5px;
121120
margin-bottom: 0px;
121+
${props => props.editLaneTitle && css`
122+
padding: 0px;
123+
line-height: 30px;
124+
`
125+
}
126+
${props => !props.editLaneTitle && css`
127+
padding: 0px 5px;
128+
`
129+
}
122130
`
123131

124132
export const LaneFooter = styled.div`

0 commit comments

Comments
 (0)