Hide overflow on focus (#792)

* Bump to 0.22.0

* Update .gif

* Fix overflow when clicking on the latest file in history

Author: fcollonval

README.md

@@ -6,7 +6,7 @@
 
 A JupyterLab extension for version control using Git
 
-![ui_glow_up](./docs/figs/demo-0-10-0.gif)
+![ui_glow_up](./docs/figs/preview.gif)
 
 To see the extension in action, open the example notebook included in the Binder [demo](https://mybinder.org/v2/gh/jupyterlab/jupyterlab-git/master?urlpath=lab/tree/examples/demo.ipynb).
 

docs/figs/demo-0-10-0.gif

@@ -2,6 +2,6 @@
 # Distributed under the terms of the Modified BSD License.
 
 version_info = (0, 22, 0)
-flag = "a0"
+flag = ""
 
 __version__ = ".".join(map(str, version_info)) + flag

docs/figs/nbdiff.gif

@@ -1,6 +1,6 @@
 {
   "name": "@jupyterlab/git",
-  "version": "0.22.0-alpha.0",
+  "version": "0.22.0",
   "description": "A JupyterLab extension for version control using git",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

docs/figs/preview.gif

@@ -2,7 +2,7 @@ import { fileIcon } from '@jupyterlab/ui-components';
 import { CommandRegistry } from '@lumino/commands';
 import * as React from 'react';
 import { FixedSizeList, ListChildComponentProps } from 'react-window';
-import { classes } from 'typestyle/';
+import { classes } from 'typestyle';
 import { CommandIDs } from '../commandsAndMenu';
 import { LoggerContext } from '../logger';
 import { GitExtension } from '../model';

jupyterlab_git/_version.py

@@ -43,6 +43,8 @@ export const commitDetailFileClass = style({
   lineHeight: 'var(--jp-private-running-item-height)',
   whiteSpace: 'nowrap',
 
+  overflow: 'hidden',
+
   $nest: {
     '&:hover': {
       backgroundColor: 'var(--jp-layout-color2)'