search

dunovank / jupyter-themes

Custom Jupyter Notebook Themes
MIT License
9.76k stars 1.06k forks source link

Toolbar covers ToC #349

Closed pccampbell closed 3 years ago

pccampbell commented 5 years ago

I would love to use themes, but unfortunately it results in the toolbar covering the Table of Contents extension. Don't know if there's an easy fix. You can move the ToC to the right, but that's not ideal for me. theme_fail

jayzed82 commented 5 years ago

Same problem here after updating to last jupyter notebook version (5.7.8).

christran16 commented 5 years ago

Not sure what the issue is at the moment, but for now I've just removed this part from my ~/.jupyter/custom/custom.css

You may have similar lines (mine started on line 35)

div#maintoolbar { position: absolute; width: 90%; margin-left: -10%; padding-right: 8%; float: left; background: transparent !important; }

maintoolbar {

margin-bottom: -3px; margin-top: 0px; border: 0px; min-height: 27px; padding-top: 2px; padding-bottom: 0px; }

maintoolbar .container {

width: 75%; margin-right: auto; margin-left: auto; }

HsuHeinrich commented 4 years ago

Awesome!

logancyang commented 4 years ago

I made the css change and it didn't work for me Screenshot 2020-05-09 16 06 30

thakkarparth007 commented 3 years ago

Pasting this in my custom.css works for me.

#toc-wrapper {
  top: 80px !important;
}
div#maintoolbar {
  margin-left: -20px !important;
  background: white !important;
  width: 100% !important;
  padding-left: 25px !important;
}

image