mirror/notebook
2
0
Fork 0
mirror of https://github.com/jupyter/notebook.git synced 2024-12-09 03:50:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

Make the mobile layout even more compact

Browse Source
This commit is contained in:
Jeremy Tuloup 2020-12-12 22:33:31 +01:00
parent aac48d8c05
commit 8ad729ea1b
2 changed files with 24 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -75,7 +75,7 @@ Support for existing JupyterLab themes!
### Compact View on Mobile Devices 📱
![mobile](https://user-images.githubusercontent.com/591645/101954969-48424780-3bfd-11eb-8ce5-85f3d2d3ae4f.gif)
![mobile](https://user-images.githubusercontent.com/591645/101995448-2793f380-3cca-11eb-8971-067dd068ccbe.gif)
### Support for federated extensions 🧩

27
packages/notebook-extension/style/base.css
View File

@ -85,8 +85,27 @@
white-space: nowrap;
}
@media only screen and (max-width: 760px) {
.jp-ClassicCheckpoint {
display: none;
}
/* Mobile View */
body[data-format='mobile'] .jp-ClassicCheckpoint {
display: none;
}
body[data-format='mobile'] .jp-InputArea,
body[data-format='mobile'] .jp-OutputArea-child {
flex-direction: column;
}
body[data-format='mobile'] .jp-InputPrompt,
body[data-format='mobile'] .jp-OutputPrompt {
flex: 0 0 auto;
text-align: left;
}
body[data-format='mobile'] .jp-InputArea-editor {
margin-left: var(--jp-notebook-padding);
}
body[data-format='mobile'] .jp-OutputArea-child .jp-OutputArea-output {
margin-left: var(--jp-notebook-padding);
}