Add ellipsis for long file names

5 years ago · 0db7fbe301
parent 3f5d6c52f7
commit 0db7fbe301
1 changed files with 4 additions and 0 deletions
--- a/packages/notebook-extension/style/base.css
+++ b/packages/notebook-extension/style/base.css
@ -64,6 +64,8 @@
  font-family: var(--jp-ui-font-family);
  line-height: calc(1.5 * var(--jp-private-title-panel-height));
  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
 }

 #jp-title h1:hover {
@ -79,6 +81,8 @@
  font-family: var(--jp-ui-font-family);
  line-height: calc(1.5 * var(--jp-private-title-panel-height));
  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
 }

@media only screen and (max-width: 760px) {