From 3f5d6c52f7663172a94035da258b330dc96831a3 Mon Sep 17 00:00:00 2001 From: Jeremy Tuloup Date: Thu, 10 Dec 2020 21:34:21 +0100 Subject: [PATCH 1/2] Hide checkpoints on small screens --- packages/notebook-extension/style/base.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/packages/notebook-extension/style/base.css b/packages/notebook-extension/style/base.css index 460f7a21e..1dd539e41 100644 --- a/packages/notebook-extension/style/base.css +++ b/packages/notebook-extension/style/base.css @@ -63,6 +63,7 @@ color: var(--jp-ui-font-color0); font-family: var(--jp-ui-font-family); line-height: calc(1.5 * var(--jp-private-title-panel-height)); + text-overflow: ellipsis; } #jp-title h1:hover { @@ -77,4 +78,11 @@ color: var(--jp-ui-font-color0); font-family: var(--jp-ui-font-family); line-height: calc(1.5 * var(--jp-private-title-panel-height)); + text-overflow: ellipsis; +} + +@media only screen and (max-width: 760px) { + .jp-ClassicCheckpoint { + display: none; + } } From 0db7fbe301114dd167b561f8ab752275e0cc04ec Mon Sep 17 00:00:00 2001 From: Jeremy Tuloup Date: Thu, 10 Dec 2020 21:41:17 +0100 Subject: [PATCH 2/2] Add ellipsis for long file names --- packages/notebook-extension/style/base.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/packages/notebook-extension/style/base.css b/packages/notebook-extension/style/base.css index 1dd539e41..d24fa70c6 100644 --- 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) {