Hide the Last Modified column on a narrow filebrowser.

Fixes jupyterlab#6093
jasongrout · May 24, 2019 · 3215508 · 3215508
1 parent 7fb34cd
commit 3215508
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/packages/filebrowser/src/listing.ts b/packages/filebrowser/src/listing.ts
@@ -786,6 +786,12 @@ export class DirListing extends Widget {
     this._prevPath = this._model.path;
   }
 
+  onResize(msg: Widget.ResizeMessage) {
+    const { width } =
+      msg.width === -1 ? this.node.getBoundingClientRect() : msg;
+    this.toggleClass('jp-DirListing-narrow', width < 250);
+  }
+
   /**
    * Handle the `'click'` event for the widget.
    */

diff --git a/packages/filebrowser/style/index.css b/packages/filebrowser/style/index.css
@@ -120,6 +120,10 @@
   text-align: right;
 }
 
+.jp-DirListing-narrow .jp-id-modified, .jp-DirListing-narrow .jp-DirListing-itemModified {
+  display: none;
+}
+
 .jp-DirListing-headerItem.jp-mod-selected {
   font-weight: 600;
 }