From d5f5319f80de05c04fd1e40f2b0a0be3465f65e6 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Fri, 11 Sep 2020 12:10:40 -0700
Subject: [PATCH] fix: History sidebar header shrinking when lots of history

---
 app/components/DocumentHistory/DocumentHistory.js     | 1 +
 app/components/DocumentHistory/components/Revision.js | 2 +-
 app/components/Time.js                                | 2 ++
 3 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/components/DocumentHistory/DocumentHistory.js b/app/components/DocumentHistory/DocumentHistory.js
index e6ce3c26..03f488f9 100644
--- a/app/components/DocumentHistory/DocumentHistory.js
+++ b/app/components/DocumentHistory/DocumentHistory.js
@@ -193,6 +193,7 @@ const Header = styled(Flex)`
   padding: 12px;
   border-bottom: 1px solid ${(props) => props.theme.divider};
   color: ${(props) => props.theme.text};
+  flex-shrink: 0;
 `;
 
 export default inject("documents", "revisions")(DocumentHistory);
diff --git a/app/components/DocumentHistory/components/Revision.js b/app/components/DocumentHistory/components/Revision.js
index f776a729..c8d0774c 100644
--- a/app/components/DocumentHistory/components/Revision.js
+++ b/app/components/DocumentHistory/components/Revision.js
@@ -36,7 +36,7 @@ class RevisionListItem extends React.Component<Props> {
           {revision.createdBy.name}
         </Author>
         <Meta>
-          <Time dateTime={revision.createdAt}>
+          <Time dateTime={revision.createdAt} tooltipDelay={250}>
             {format(revision.createdAt, "MMMM Do, YYYY h:mm a")}
           </Time>
         </Meta>
diff --git a/app/components/Time.js b/app/components/Time.js
index 69b37d49..d7b55f32 100644
--- a/app/components/Time.js
+++ b/app/components/Time.js
@@ -23,6 +23,7 @@ function eachMinute(fn) {
 type Props = {
   dateTime: string,
   children?: React.Node,
+  tooltipDelay?: number,
 };
 
 class Time extends React.Component<Props> {
@@ -42,6 +43,7 @@ class Time extends React.Component<Props> {
     return (
       <Tooltip
         tooltip={format(this.props.dateTime, "MMMM Do, YYYY h:mm a")}
+        delay={this.props.tooltipDelay}
         placement="bottom"
       >
         <time dateTime={this.props.dateTime}>