coop-cloud-chaos-patchs/outline
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: History sidebar header shrinking when lots of history

Browse Source
This commit is contained in:
Tom Moor
2020-09-11 12:10:40 -07:00
parent c298c73240
commit d5f5319f80
3 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/components/DocumentHistory/DocumentHistory.js
View File

@ -193,6 +193,7 @@ const Header = styled(Flex)`
padding: 12px; padding: 12px;
border-bottom: 1px solid ${(props) => props.theme.divider}; border-bottom: 1px solid ${(props) => props.theme.divider};
color: ${(props) => props.theme.text}; color: ${(props) => props.theme.text};
flex-shrink: 0;
`; `;
export default inject("documents", "revisions")(DocumentHistory); export default inject("documents", "revisions")(DocumentHistory);

2
app/components/DocumentHistory/components/Revision.js
View File

@ -36,7 +36,7 @@ class RevisionListItem extends React.Component<Props> {
{revision.createdBy.name} {revision.createdBy.name}
</Author> </Author>
<Meta> <Meta>
<Time dateTime={revision.createdAt}> <Time dateTime={revision.createdAt} tooltipDelay={250}>
{format(revision.createdAt, "MMMM Do, YYYY h:mm a")} {format(revision.createdAt, "MMMM Do, YYYY h:mm a")}
</Time> </Time>
</Meta> </Meta>

2
app/components/Time.js
View File

@ -23,6 +23,7 @@ function eachMinute(fn) {
type Props = { type Props = {
dateTime: string, dateTime: string,
children?: React.Node, children?: React.Node,
tooltipDelay?: number,
}; };
class Time extends React.Component<Props> { class Time extends React.Component<Props> {
@ -42,6 +43,7 @@ class Time extends React.Component<Props> {
return ( return (
<Tooltip <Tooltip
tooltip={format(this.props.dateTime, "MMMM Do, YYYY h:mm a")} tooltip={format(this.props.dateTime, "MMMM Do, YYYY h:mm a")}
delay={this.props.tooltipDelay}
placement="bottom" placement="bottom"
> >
<time dateTime={this.props.dateTime}> <time dateTime={this.props.dateTime}>