search

dunovank / jupyter-themes

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

The edit menu not completely visible, gets cropped and can't be navigated with mouse. #402

Open deepwithin opened 4 years ago

deepwithin commented 4 years ago

Screenshot (350)

Here is a screenshot. I am using windows 10 on 1376x768 resolution screen. The edit menu is not completely visible, gets cropped and can't be navigated with mouse. This is not comfortable.

And I only want dark theme with Jupyter logo and checkpoint info visible. In the documentation I was not able to find a command for checkpoint info. Can anybody tell me command line for that?

MarkNahabedian commented 3 years ago

I'm experiencing the same issue, also on Windows 10 using Chrome.

Resetting with "jt - r" restores the menu.

I was using obedirk. Us there another dark theme I can use that doesn't mess with the menus?

deepwithin commented 3 years ago

This is a problem with smaller screens with lesser resolutions I suppose. I didn't get any solution to this so far, but people on one of the stackoverflow thread, did recommend using Dark Reader chrome extension for dark theme on jupyter notebook. I don't use jupyters very frequently so have been managing with extension only.

rhatiro commented 1 year ago

To change the size of the dropdown menu in Jupyter Notebook, you can edit the custom.css file located at ~/.jupyter/custom/custom.css. Look for the following line of code:

.dropdown-menu > li > a {
    padding: 10px 20px 9px 10px;
}

Change the value of the padding property to adjust the size of the dropdown menu. For example, you can try changing the line to the following code to reduce the size of the dropdown menu:

.dropdown-menu > li > a {
    padding: 5px 10px 5px 5px;
}

Save the changes to the custom.css file and refresh Jupyter Notebook to see the new size of the dropdown menu.