Merge pull request #34 from jtpio/mobile

Hide checkpoints on small screens
5 years ago · be90da20f1
parent 105cc38c84 0db7fbe301
commit be90da20f1
1 changed files with 12 additions and 0 deletions
--- a/packages/notebook-extension/style/base.css
+++ b/packages/notebook-extension/style/base.css
@ -63,6 +63,9 @@
  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;
+  overflow: hidden;
+  white-space: nowrap;
 }

 #jp-title h1:hover {
@ -77,4 +80,13 @@
  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;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+@media only screen and (max-width: 760px) {
+  .jp-ClassicCheckpoint {
+    display: none;
+  }
 }