fix(ui): Set max width on notebook dropdown

README.md

@@ -1,7 +1,5 @@
 # jupyterlab_deepnote
 
-[![Github Actions Status](https://github.com/deepnote/jupyterlab-deepnote/workflows/Build/badge.svg)](https://github.com/deepnote/jupyterlab-deepnote/actions/workflows/build.yml)
-
 A Deepnote extension for JupyterLab
 
 This extension is composed of a Python package named `jupyterlab_deepnote`
@@ -168,13 +166,6 @@ jlpm
 jlpm test
 ```
 
-#### Integration tests
-
-This extension uses [Playwright](https://playwright.dev/docs/intro) for the integration tests (aka user level tests).
-More precisely, the JupyterLab helper [Galata](https://github.com/jupyterlab/jupyterlab/tree/master/galata) is used to handle testing the extension in JupyterLab.
-
-More information are provided within the [ui-tests](./ui-tests/README.md) README.
-
 ### Packaging the extension
 
 See [RELEASE](RELEASE.md)

src/index.tsx

@@ -115,11 +115,18 @@ class NotebookPicker extends ReactWidget {
 
     return (
       <HTMLSelect
+        id="deepnote-notebook-picker"
         value={this.selected ?? '-'}
         onChange={this.handleChange}
         onKeyDown={() => {}}
         aria-label="Select active notebook"
         title="Select active notebook"
+        style={{
+          maxWidth: '120px',
+          textOverflow: 'ellipsis',
+          whiteSpace: 'nowrap',
+          overflow: 'hidden'
+        }}
       >
         {names.length === 0 ? (
           <option value="-">-</option>