Skip to content

Commit

Permalink
fix: Fix timer description pushing buttons buttons out of view
Browse files Browse the repository at this point in the history
Closes #1381.
  • Loading branch information
tcrammond authored and shantanuraj committed Apr 16, 2019
1 parent 8d3ee7f commit 90e9022
Showing 1 changed file with 14 additions and 2 deletions.
16 changes: 14 additions & 2 deletions src/scripts/components/Timer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -56,15 +56,15 @@ function RunningTimer(props: { entry: TimeEntry, project: Project | null }) {

return (
<TimerContainer onClick={editEntry}>
<div style={{flex: '2'}}>
<div>
<TimeEntryDescription title={`Click to edit ${entry.description || ''}`} running>
{entry.description || NO_DESCRIPTION}
</TimeEntryDescription>
{project &&
<TimeEntryProject project={project} />
}
</div>
<div style={{display: 'flex',alignItems: 'center'}}>
<div>
{tags && <TagsIcon title={tags} />}
<TimerDuration start={entry.start} />
<TimerButton isRunning onClick={stopTimer} />
Expand Down Expand Up @@ -127,6 +127,18 @@ const TimerContainer = styled.div`
font-size: 14px;
box-shadow: rgb(232, 232, 232) 0px -1px 0px 0px inset;
background: #fff;
> div:first-child {
flex: 1;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
> div:last-child {
display: flex;
align-items: center;
}
`;

const TimerInput = styled.input`
Expand Down

0 comments on commit 90e9022

Please sign in to comment.